彩世界平台-彩世界时时app-彩世界开奖app苹果下载

热门关键词: 彩世界平台,彩世界时时app,彩世界开奖app苹果下载

您的位置:彩世界平台 > 新闻动态 > js鼠标滑过图片震动特效的方法,js滑过震动特效

js鼠标滑过图片震动特效的方法,js滑过震动特效

发布时间:2019-08-31 06:26编辑:新闻动态浏览(103)

    js鼠标滑过图片震动特效的方法,js滑过震动特效

    本文实例讲述了js鼠标滑过图片震动特效的方法。分享给大家供大家参考。具体实现方法如下:

    复制代码 代码如下:

    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>鼠标滑过 图片震动效果</title>
    <STYLE>.shakeimage {
     POSITION: relative
    }
    </STYLE>
    </head>
    <body>
    <SCRIPT language=JavaScript1.2>
    <!--
    var rector=3
    var stopit=0
    var a=1
    function init(which){
    stopit=0
    shake=which
    shake.style.left=0
    shake.style.top=0
    }
    function rattleimage(){
    if ((!document.all&&彩世界平台,!document.getElementById)||stopit==1)
    return
    if (a==1){
    shake.style.top=parseInt(shake.style.top)+rector
    }
    else if (a==2){
    shake.style.left=parseInt(shake.style.left)+rector
    }
    else if (a==3){
    shake.style.top=parseInt(shake.style.top)-rector
    }
    else{
    shake.style.left=parseInt(shake.style.left)-rector
    }
    if (a<4)
    a++
    else
    彩世界开奖app苹果下载,a=1
    setTimeout("rattleimage()",50)
    }
    function stoprattle(which){
    彩世界时时app,stopit=1
    which.style.left=0
    which.style.top=0
    }
    //-->
    </SCRIPT>
    <img class="shakeimage" onMouseOver="init(this);rattleimage()" onMouseOut="stoprattle(this)" src="/images/csrcode.ico" border="0" style="cursor:pointer;"/>
    <img class="shakeimage" onmouseover="init(this);rattleimage()" onmouseout="stoprattle(this)" src="/images/changshi.ico"  border="0" style="cursor:pointer;"/>
    <img class="shakeimage" onmouseover="init(this);rattleimage()" onmouseout="stoprattle(this)" src="/images/links.ico" border="0" style="cursor:pointer;"/>
    鼠标滑过图片预览效果。
    </body>
    </html>

    希望本文所述对大家的javascript程序设计有所帮助。

    本文实例讲述了js鼠标滑过图片震动特效的方法。分享给大家供大家参考。具体实现方法如...

    js鼠标滑过图片震动特效的方法

     这篇文章主要介绍了js鼠标滑过图片震动特效的方法,涉及onMouseOver事件及图片操作的技巧,具有一定参考借鉴价值,需要的朋友可以参考下

     

     

    本文实例讲述了js鼠标滑过图片震动特效的方法。分享给大家供大家参考。具体实现方法如下:

     

    代码如下:

    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>鼠标滑过 图片震动效果</title>
    <STYLE>.shakeimage {
    POSITION: relative
    }
    </STYLE>
    </head>
    <body>
    <SCRIPT language=JavaScript1.2>
    <!--
    var rector=3
    var stopit=0
    var a=1
    function init(which){
    stopit=0
    shake=which
    shake.style.left=0
    shake.style.top=0
    }
    function rattleimage(){
    if ((!document.all&&!document.getElementById)||stopit==1)
    return
    if (a==1){
    shake.style.top=parseInt(shake.style.top)+rector
    }
    else if (a==2){
    shake.style.left=parseInt(shake.style.left)+rector
    }
    else if (a==3){
    shake.style.top=parseInt(shake.style.top)-rector
    }
    else{
    shake.style.left=parseInt(shake.style.left)-rector
    }
    if (a<4)
    a++
    else
    a=1
    setTimeout("rattleimage()",50)
    }
    function stoprattle(which){
    stopit=1
    which.style.left=0
    which.style.top=0
    }
    //-->
    </SCRIPT>
    <img class="shakeimage" onMouseOver="init(this);rattleimage()" onMouseOut="stoprattle(this)" src="/images/csrcode.ico" border="0" style="cursor:pointer;"/>
    <img class="shakeimage" onmouseover="init(this);rattleimage()" onmouseout="stoprattle(this)" src="/images/changshi.ico" border="0" style="cursor:pointer;"/>
    <img class="shakeimage" onmouseover="init(this);rattleimage()" onmouseout="stoprattle(this)" src="/images/links.ico" border="0" style="cursor:pointer;"/>
    鼠标滑过图片预览效果。
    </body>
    </html>

     

    希望本文所述对大家的javascript程序设计有所帮助。

    这篇文章主要介绍了js鼠标滑过图片震动特效的方法,涉及onMouseOver事件及图片操作的技巧,具有一定参考借鉴...

    相关文章

    相关搜索:

    今天看啥

    搜索技术库

    返回首页

    • OPPO R7如何拍摄gif动画
    • 三星S6Edge怎么拍摄GIF图片
    • 三星S6Edge手机浮窗预览有什么作用?
    • 电脑怎么把将图片裁剪成不同的形状?
    • xp系统设置休眠后无法唤醒是怎么回事呢
    • winxp系统怎么样添加打印机?

    相关频道: HTML/CSS  HTML5  Javascript  jQuery  AJax教程  前端代码  正则表达式  Flex教程  WEB前端教程  

    本文由彩世界平台发布于新闻动态,转载请注明出处:js鼠标滑过图片震动特效的方法,js滑过震动特效

    关键词:

上一篇:sublime text3的选取介绍,sublimetext3

下一篇:没有了