宝哥软件园

JS实现的差异块来回滚动效果示例

编辑:宝哥软件园 来源:互联网 时间:2021-09-06

本文实例讲述了射流研究…实现的差异块来回滚动效果。分享给大家供大家参考,具体如下:

!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN ' ' http://www .w3。org/TR/HTML 4/松散。DTD ' HTML hearteta http-equiv=' Content-Type ' Content=' text/HTML;charset=UTF-8 '标题在此插入标题/title/head dydiv id=' xx ' style=' position : relative;左侧:100像素宽度宽度:100像素高度:50 pxborder:固体1px红色;'我们/div脚本类型=' text/JavaScript '函数ls(){ var p=true;//开关,真的开,假的关var xx=文档。getelementbyid(' xx ');var xxleft=ParSeint(xx。风格。左);变化速度=20;var t=setInterval(rollRight,速度);//向左移动函数roll left(){ if(p){ xxleft-;xx。风格。left=xxleft ' pxif(xxleft=0){ clearInterval(t);t=设置间隔(右滚动,速度);} } } //向右移动函数向右滚动(){ if(p){ xxleft;xx。风格。left=xxleft ' pxif(xxleft=300){ clearInterval(t);t=设置间隔(向左滚动,速度);} } } } ls();/脚本/正文/html运行效果图如下:

更多关于Java脚本语言相关内容感兴趣的读者可查看本站专题: 《JavaScript运动效果与技巧汇总》 、 《JavaScript切换特效与技巧总结》 、 《JavaScript查找算法技巧总结》 、 《JavaScript动画特效与技巧汇总》 、 《JavaScript错误与调试技巧总结》 、 《JavaScript数据结构与算法技巧总结》 、 《JavaScript遍历算法与技巧总结》 及《JavaScript数学运算用法总结》

希望本文所述对大家Java脚本语言程序设计有所帮助。

更多资讯
游戏推荐
更多+