- 3
- 0
- 约3.45千字
- 约 3页
- 2017-07-09 发布于河南
- 举报
图片滚动代码及循环两遍以后停止问题解决办法
图片滚动代码及循环两遍以后停止问题解决办法
=========代码1:=====
!--向左滚动代码1--
div id=colee_left style=overflow:hidden;width:455px;
table cellpadding=0 cellspacing=0 border=0
trtd id=colee_left1 valign=top align=center
table cellpadding=2 cellspacing=0 border=0
tr align=center
tdpa href=/pic/651246.htmlimg border=0 src=Files/pic/1.jpg width=123 height=184/a/p/td
tdpa href=/pic/651246.htmlimg border=0 src=Files/pic/2.jpg width=123 height=184/a/p/td
tdpa href=/pic/651246.htmlimg border=0 src=Files/pic/3.jpg width=123 height=184/a/p/td
tdpa href=/pic/651246.htmlimg border=0 src=Files/pic/4.jpg width=123 height=184/a/p/td
tdpa href=/pic/651246.htmlimg border=0 src=Files/pic/5.jpg width=123 height=184/a/p/td
tdpa href=/pic/651246.htmlimg border=0 src=Files/pic/6.jpg width=123 height=184/a/p/td
tdpa href=/pic/651246.htmlimg border=0 src=Files/pic/7.jpg width=123 height=184/a/p/td
/tr
/table
/td
td id=colee_left2 valign=top/td
/tr
/table
/div
!--向左滚动代码1结束--
!—JS代码--
script
!--
var speed=30;
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.offsetWidth
else{
tab.scrollLeft++;
}
}
var MyMar=setInterval(Marquee,speed);
tab.onmouseover=function() {clearInterval(MyMar)};
tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)};
--
/script
=============代码2:=========
!--向左滚动代码2--
style type=text/css
!--
#demo {
background: #FFF;
overflow:hidden;
width: 936px;
}
#demo img {
}
#indemo {
float: left;
width: 300%;
}
#demo1 {
float: left;
}
#demo2 {
float: left;
}
--
/style
div id=demo
div id=indemo
div id=demo1
img border=0 src=Files/图片_r2_c2.jpg width=116 height=129
img border=0 src=Files/图片_r2_c3.jpg width=114 height=129
img border=0 src=Files/图片_r2_c4.jpg width=123 height=125
img border=0 src=Files/图片_r2_c6.jpg width=235 height=125
img border=0 src=Files/图片_r2.jpg width=343 height=125
img border=0 src=Files/图片_r2_c7.jpg
您可能关注的文档
最近下载
- 安徽省三支一扶笔试职业能力测试真题网友版精编.pdf VIP
- 2025年演出经纪人市场调研中的数据安全与隐私保护专题试卷及解析.pdf VIP
- 建筑智能化项目管理手册.doc VIP
- 2025年张家界航空工业职业技术学院单招职业技能考试题库必考题.docx VIP
- 2026年湖南电气职业技术学院单招职业技能考试题库及答案详解(名校卷).docx VIP
- 新版部编版一年级下册道德与法治全册教案(完整版)教学设计.doc
- 7-1 无人机飞行管理及航线规划.pptx VIP
- 08K507-2 管道与设备绝热-保冷(有水印)图集.pdf VIP
- 安徽省三支一扶考试内容要点.doc VIP
- 2024年新改版教科版六年级下册科学全册教案教学设计(表格式).docx VIP
原创力文档

文档评论(0)