js图片滚动效果时间可随意设定当鼠标移上去时停止

2024-05-06 16:07:21

字体：大中小

来源：转载

供稿：网友

这篇文章主要介绍了js图片滚动效果时间可随意设定当鼠标移上去时停止，需要的朋友可以参考下

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>图片滚动</title></head><body><style type="text/css"></style><div><div><div><a href="#"><img src="images/小美景1.jpg" /></a><a href="#"><img src="images/小美景2.jpg" /></a><a href="#"><img src="images/小美景3.jpg" /></a><a href="#"><img src="images/小美景4.jpg" /></a><a href="#"><img src="images/小美女4.jpg" /></a><a href="#"><img src="images/小美女2.jpg" /></a></div><div></div></div></div><script>var speed=50;var tab=document.getElementById("demo");var tab1=document.getElementById("demo1");var tab2=document.getElementById("demo2");tab2.innerHTML=tab1.innerHTML;function Marquee(){if(tab2.offsetWidth-tab.scrollLeft<=0)tab.scrollLeft-=tab1.offsetWidthelse{tab.scrollLeft++;}}var MyMar=setInterval(Marquee,speed);tab.onmouseover=function() {clearInterval(MyMar)};tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)};</script></body></html>

上一篇：fixedBox固定div漂浮代码支持ie6以上大部分主流浏览器

下一篇：Javascript字符串对象的常用方法简明版