国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

js+div實現圖片滾動效果代碼

2024-05-06 16:00:33
字體:
來源:轉載
供稿:網友
本篇文章主要是對js+div實現圖片滾動效果的示例代碼進行了介紹,需要的朋友可以過來參考下,希望對大家有所幫助

橫向
<div id=demo

onmouseout="doscroll()">
<div>
<a href="javascript:alert('發表新貼');"><img src="圖片URL" height=20 width=104

border=0></a>
<a href="javascript:alert('發表回復');"><img src="圖片URL" height=20 width=104

border=0></a>
</div>
</div>
<!--滾動的javascript-->
<script>
var t=demo.scrollWidth
demo1.innerHTML+=demo1.innerHTML
function doMarquee()
{
demo.scrollLeft=demo.scrollLeft<demo.scrollWidth-demo.offsetWidth?demo.scrollLeft+1:t-demo.offsetWidth
}
function doscroll()
{
   sc=setInterval(doMarquee,20)
}
function stopscroll()
{
   clearInterval(sc)
}
doscroll()
</script>
<!--滾動的javascript結束-->


縱向
<div>
<div>
<a href="javascript:alert('發表新貼');"><img src="圖片URL" height=20 width=104

border=0></a>
<a href="javascript:alert('發表回復');"><img src="圖片URL" height=20 width=104

border=0></a>
</div><div></div>
<!--滾動的javascript-->
<script>
var speed=100
demo2.innerHTML=demo1.innerHTML
function Marquees(){
if(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo1.offsetHeight
else{
demo.scrollTop++
}
}
var MyMars=setInterval(Marquees,speed)
demo.onmouseover=function() { clearInterval(MyMars) }
demo.onmouseout=function() { MyMars=setInterval(Marquees,speed) }
zlselect('6');
</script><!--滾動的javascript結束-->
</div>

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 东辽县| 大邑县| 阿合奇县| 乐清市| 高碑店市| 阜城县| 泾川县| 会昌县| 四川省| 怀仁县| 万安县| 蓬莱市| 蒙城县| 灵寿县| 轮台县| 怀柔区| 清原| 南溪县| 宁阳县| 大兴区| 太仆寺旗| 合阳县| 牙克石市| 奉新县| 奉节县| 延边| 庆阳市| 两当县| 怀安县| 通化市| 新疆| 老河口市| 白沙| 湖南省| 宜阳县| 延吉市| 石景山区| 临猗县| 三门县| 大同县| 太湖县|