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

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

！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脚本语言程序设计有所帮助。