基于javascript滚动图片具体实现_javascript技巧
程序员文章站
2022-03-24 22:59:10
...
前台:
复制代码 代码如下:
服务展示
javascript:
复制代码 代码如下:
var speed=12; //数字越大速度越慢
var tab=document.getElementById("index_foot_slide");
var tab1=document.getElementById("index_foot_slide1");
var tab2=document.getElementById("index_foot_slide2");
tab2.innerHTML=tab1.innerHTML;
function Marquee(){
if(tab.scrollLeft tab.scrollLeft+=tab2.offsetWidth
else{
tab.scrollLeft--
}
}
var MyMar=setInterval(Marquee,speed);
tab.onmouseover=function() {clearInterval(MyMar)};
tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)};
推荐阅读
-
js实现网站首页图片滚动显示_javascript技巧
-
JavaScript实现图片无缝滚动效果
-
js实现每日自动换一张图片的方法_javascript技巧
-
js或者jquery判断图片是否加载完成实现代码_javascript技巧
-
原生javascript实现图片轮播效果代码_javascript技巧
-
js 图片随机不定向浮动的实现代码_javascript技巧
-
javascript实现瀑布流加载图片原理_javascript技巧
-
javascript 另一种图片滚动切换效果思路_javascript技巧
-
图片连续不间断滚动像册_javascript技巧
-
上传图片预览JS脚本 Input file图片预览的实现示例_javascript技巧