集结生活中的酸甜苦辣与您分享!!欢迎留言!
[转]图片移动
上一篇 /
下一篇 2007-05-28 13:51:31
/ 个人分类:js
<html>
<head>
<title>图片连续滚动</title>
<style TYPE="text/css">
<!--
A:link{text-decoration:none}
A:visited{text-decoration:none}
A:hover {text-decoration:none}
-->
</style>
</head>
<body>
<div id=demo style="OVERFLOW: hidden; WIDTH: 100%; HEIGHT: 130px">
<table cellPadding=0 align=left border=8 cellspace="0" bordercolor="#FFCC00">
<tr bordercolor="#FFFFFF">
<td id=demo11>
<table width='100%' cellpadding='0' cellspacing='3' border='0'><tr><td align='center'><a href="tpwy/1.html" target="_blank" title="显示原图片"><img src='1.jpg' width='120' height='90' border="0"></a></td><td align='center'><a href="tpwy/2.html" target="_blank" title="显示原图片"> <img src='2.jpg' width='120' height='90' border='0'></a></td><td align='center'><a target="_blank" href="tpwy/3.html"title="显示原图片" > <img src='3.jpg' width='120' height='90' border='0'></a></td><td align='center'><a href="tpwy/4.html" target="_blank" title="显示原图片"> <img src='4.jpg' width='120' height='90' border='0'></td><td align='center'><a href="tpwy/5.html" target="_blank" title="显示原图片"> <img src='5.jpg' width='120' height='90' border='0'></a></td><td align='center'><a href="tpwy/6.html" target="_blank" title="显示原图片"> <img src='6.jpg' width='120' height='90' border='0'></a></td><td align='center'><a href="tpwy/7.html" target="_blank" title="显示原图片"> <img src='7.jpg' width='120' height='90' border='0'></a></td><td align='center'><a href="tpwy/8.html" target="_blank" title="显示原图片"> <img src='8.jpg' width='120' height='90' border='0' title="显示原图片"></a></td></tr></table></td>
<td id=demo12></td>
</tr>
</table>
</div>
<scrīpt>
var speed=15 //定义速度
demo12.innerHTML=demo11.innerHTML////将demo11中的内容复制到demo12
function Marquee11(){//开始定义滚动函数
if(demo12.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo11.offsetWidth//如果滑动块的位置大于demo2的宽度,滑动块退回一个demo2的宽度
else{//否则,滑动块向右滚动(图片向左滚)
demo.scrollLeft++
}
}
var MyMar1=setInterval(Marquee11,speed) //设置定时器,使滚动函数每15毫秒运行一次
demo.onmouseover=function() {clearInterval(MyMar1)}//鼠标经过时,清除定时器,停止执行滚动函数,弹出信息;
demo.onmouseout=function() {MyMar1=setInterval(Marquee11,speed)}// 鼠标离开后,继续滚动
</scrīpt>
</body>
</html>
相关阅读:
- 常用的javascript (木頭, 2007-7-06)
- AJAZ (kylingood, 2007-7-09)
- PHP (kylingood, 2007-7-14)
- javascript无级连动菜单 (boyzhigang, 2007-7-24)
- 原来JSON这么简单 (boyzhigang, 2007-7-24)
- 浮动·· (kylingood, 2007-7-25)
- JS函数验证总结 (zlq0528, 2007-7-27)
- jquery之Document元素选择器篇 (fengyun, 2007-7-31)
- eval能够帮你得到你想要的对象 (xiaotian_ls, 2007-8-01)
- [js]新闻向上滚动 (feng123, 2007-8-01)
导入论坛
收藏
分享给好友
管理
举报
TAG:
转载
js