国产探花免费观看_亚洲丰满少妇自慰呻吟_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>

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

圖片精選

主站蜘蛛池模板: 鸡泽县| 喀喇| 敦煌市| 惠安县| 龙井市| 富宁县| 绥宁县| 徐汇区| 霸州市| 资兴市| 屯门区| 德安县| 汉中市| 镇巴县| 饶平县| 上思县| 临湘市| 新乐市| 太原市| 交口县| 大同县| 九龙坡区| 巴塘县| 三门峡市| 津南区| 仙桃市| 焉耆| 云安县| 孟连| 绩溪县| 昌邑市| 察雅县| 辛集市| 三江| 龙井市| 二连浩特市| 朝阳县| 玉溪市| 南平市| 罗甸县| 包头市|