求代码,解决立马给分!
解决方案 »
- 那位高手能够解决这个难题?
- 有人操作时如何控制不让别人再操作呢?
- 急,问个javascript的onload对象问题?
- JS传值的问题
- function能重载吗?
- 对象的dragDrop()在Firefox中是怎样用的?
- 请问如何在右键另存为时候 对话框中显示的默认另存文件名是我指定的名字,和服务器上文件名不同
- 怎样让 Html 变成文本编辑框?
- Javascript 中setInterval类似的函数中的回调函数,双引号与直接函数名调用有什么区别?
- 用javascript 让一个输入框的背景为灰色,为什么不能用 输入框.style.background-color = "#cccccc"
- 经典老问题 困惑死多少新人
- 点击弹出层的问题
<table align="left" cellpadding="0" cellspace="0" border="0">
<tr>
<td id="demo1" valign="top"><table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="indexgd/001.gif" width="143" height="200" /></td>
<td><img src="indexgd/002.gif" width="143" height="200" /></td>
<td><img src="indexgd/003.gif" width="143" height="200" /></td>
<td><img src="indexgd/004.gif" width="143" height="200" /></td>
<td><img src="indexgd/005.gif" width="143" height="200" /></td>
<td><img src="indexgd/006.gif" width="143" height="200" /></td>
<td><img src="indexgd/007.gif" width="143" height="200" /></td>
<td><img src="indexgd/008.gif" width="143" height="200" /></td>
</tr>
</table></td>
<td id="demo2" valign="top"></td>
</tr>
</table>
</div>
<script>
var speed=8//速度数值越大速度越慢
document.getElementById("demo2").innerHTML=document.getElementById("demo1").innerHTML
function Marquee(){
if(document.getElementById("demo2").offsetWidth-document.getElementById("demo").scrollLeft<=0)
document.getElementById("demo").scrollLeft-=document.getElementById("demo1").offsetWidth
else{
document.getElementById("demo").scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function(){clearInterval(MyMar)}
demo.onmouseout=function(){MyMar=setInterval(Marquee,speed)}
</script>
使用之前,先插入 jQuery 框架( 直接从 Google 拿 ):<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery
/1.2.6/jquery.min.js"></script>
JS 代码( 以 <script type="text/javascript"></script> 包裹,或者保存成单独文件引用。):$(document).ready(function(){
$("#sItem li:not(:first)").css("display","none");
var B=$("#sItem li:last");
var C=$("#sItem li:first");
setInterval(function(){
if(B.is(":visible")){
C.fadeIn(500).addClass("in");B.hide()
}else{
$("#sItem li:visible").addClass("in");
$("#sItem li.in").next().fadeIn(500);
$("li.in").hide().removeClass("in")}
},3000) //每3秒钟切换一条,你可以根据需要更改
})
HTML 部分:<ul id="sItem">
<li>文字或图片</li>
<li>文字或图片</li>
<li>文字或图片</li>
</ul>
条目不限,内容不限,将需要循环滚动展示的条目放置于 <ul id="sItem"> 中就可以了
function Marquee(){
if(document.getElementById("demo2").offsetTop-document.getElementById("demo").scrollTop<=0)
document.getElementById("demo").scrollTop-=document.getElementById("demo1").offsetHeight
else{
document.getElementById("demo").scrollTop++
}
}向上