jquery吧

时间:2025-01-19 17:10:46编辑:花茶君

间歇向上滚动的图片JS代码

css+js控制图片展示 body{ padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; font: 70% verdana, geneva, arial, helvetica, sans-serif; color: #000; padding-top: 0px; text-align: center } #outer{ padding-right: 0px; padding-left: 0px; background: url(/images/bg-outer.gif) repeat-y center top; padding-bottom: 0px; margin: 0px auto; width: 780px; padding-top: 0px; text-align: left } #wrapper{ background: #fff; margin: 0px 4px } #content{ padding-right: 0px; padding-left: 0px; min-height: 400px; padding-bottom: 20px; margin: 20px 30px; padding-top: 0px; position: relative } #focus{ border-right: #ccc 2px solid; padding-right: 0px; border-top: #ccc 2px solid; padding-left: 0px; min-height: 188px; background: url(/images/tile.gif) #eee repeat-y left top; padding-bottom: 10px; margin: 25px 0px 30px; border-left: #ccc 2px solid; width: 100%; padding-top: 15px; border-bottom: #ccc 2px solid; position: relative; height: 188px } #beni{ padding-right: 0px; padding-left: 0px; left: 0px; padding-bottom: 0px; margin: 0px; width: 250px; padding-top: 0px; list-style-type: none; position: absolute; top: 15px } #beni li{ border-top: #fff 1px solid; font-size: 12px; float: left; width: 250px; text-indent: 24px; line-height: 26px } #beni li.first{ border-top: 0px } #beni li a{ border-right: 0px; padding-right: 0px; border-top: 0px; display: block; padding-left: 0px; font-weight: bold; background: #eee; padding-bottom: 0px; margin: 0px; border-left: 0px; padding-top: 0px; border-bottom: 0px; text-decoration: none } #beni li a:hover{ background: #f9f9f9 } #description{ width:420px; height:188px; overflow:hidden; float:right; margin-right:15px; } window.onload=function(){ var ele=document.getElementById("description"); var w=ele.clientWidth; var n=20,t=20; var timers=new Array(n); var c=document.getElementById("beni").getElementsByTagName("li"); for(var i=0;i opere e oggetti d'arte architettzure reperti archeologici stampe e matrici di incisione fotografie beni etnoantropologici 查找更多代码,请访问:懒人图库 记得采纳啊


JS代码:图片由下向上不间断滚动,滚动到第二遍时写的CSS样式无效了,求指导!

我的测试结果是这样的:
demo2.innerHTML=demo1.innerHTML;
//demo1.offsetHeight=783 demo2.offsetHeight=773
//demo2.offsetTop=792 scrollTop=752时停止
function Marquee(){
if(demo2.offsetTop-demo.scrollTop<=40)

当它停止的时候,还差40,所以,改成<=40 就可以了。

当scrollTop=752时,它是停止,是因为滚动条已经到底了,不能再滚动了,所以停止了。
但是,
demo1.offsetHeight=783
demo2.offsetHeight=773

这两个数据为什么不一样,我就不太理解了。楼主如果知道为什么的话,麻烦告诉我一下。

(噢,对了,差点忘了,因为楼主原引用的图片,我这里无法显示,于是,我就换了一张图片,但如果是原图片的话,上面三个数据也应该会是不一样的!楼主可以测试一下。)


上一篇:大真探怪兽之谜是真的吗

下一篇:没有了