Js文字向左运动
var
marqueewidth=350
var
marqueeheight=22
var
speed=5
var
marqueecontents='欢迎光临脚本之家
网页特效栏目，精品特效全收罗！'
if
(document.all)
document.write(''+marqueecontents+'')
function
regenerate(){
window.location.reload()
}
function
regenerate2(){
if
(document.layers){
setTimeout("window.onresize=regenerate",450)
intializemarquee()
}
}
function
intializemarquee(){
document.cmarquee01.document.cmarquee02.document.write(''+marqueecontents+'')
document.cmarquee01.document.cmarquee02.document.close()
thelength=document.cmarquee01.document.cmarquee02.document.width
scrollit()
}
function
scrollit(){
if
(document.cmarquee01.document.cmarquee02.left>=thelength*(-1)){
document.cmarquee01.document.cmarquee02.left-=speed
setTimeout("scrollit()",100)
}
else{
document.cmarquee01.document.cmarquee02.left=marqueewidth
scrollit()
}
}
window.onload=regenerate2
[Ctrl+A
全选
注:如需引入外部Js需刷新才能执行]
<script type="text/javascript">var speed = 20//滚动速度
var maq
var m1//第一份滚动的内容
var m2//第二份滚动的内容
var timer//定时器
function run(){
if(m1.offsetWidth<=maq.scrollLeft){
maq.scrollLeft-=m1.offsetWidth
}else{
maq.scrollLeft+=6
}
}
window.onload=function(){
maq=document.getElementById("maq")
m1=document.getElementById("m1")
m2=document.getElementById("m2")
m2.innerHTML=m1.innerHTML
if(timer==null){
timer=window.setInterval(run,speed)
}
maq.onmouseover=function(){
window.clearInterval(timer)
}
maq.onmouseout=function(){
timer=window.setInterval(run,speed)
}
}
</script>
</head>
<body>
<div id="maq" style="height:200pxwidth:180pxoverflow:hidden">
<table>
<tr>
<td id="m1">
<table>
<tr>
<td><img src="file:///E|/Images/player1.png" width="174" height="268" /></td>
<td><img src="file:///E|/Images/player2.png" width="174" height="268" /></td>
<td><img src="file:///E|/Images/player3.png" width="174" height="268" /></td>
</tr>
</table>
</td>
<td id="m2"></td>
</tr>
</table>
</div>
</body>
楼主详细代码在这里这已经是相当的简介版了你只要把图片路径改一下就能用了，~要采纳呦~你懂得~~
不好意思具体代码不想写了。给你个思路：
你这个布局有问题，
html代码如下：
<div style="overflow:hddenwidth:500pxheight:300pxposition:relative">
<div style="width:1000pxheight:300pxposition:absolutetop:0px" id="内容区域">
<ul style="width:500pxfloat:left">
<li>1条</li>
<li>2条</li>
<li>3条</li>
</ul>
<ul style="width:500pxfloat:left">
<li>4条</li>
<li>5条</li>
<li>6条</li>
</ul>
</div>
</div>
id="内容区域" 你这个id自己换下 为了后面方便说先这么写了。
给你的 “ 换一换 ” 添加点击事件，
点击一下让 内容区域 的top值 ，在原来的基础上向左移动500px；也就是原来的top-500。
