JS滚动图片代码（含横向和纵向）

横向
<div id=demo style="overflow:hidden;width:200px;border:2px solid #e0e0e0;padding:2px;" οnmοuseοver="stopscroll();"

οnmοuseοut="doscroll()">
<div id="demo1" style="white-space:nowrap;padding:0;">
<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>

<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>

纵向

<div id="demo" style="height:110px; overflow:hidden ">
<div id="demo1">
<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 id="demo2"></div>

<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.οnmοuseοver=function() { clearInterval(MyMars) }
demo.οnmοuseοut=function() { MyMars=setInterval(Marquees,speed) }
zlselect('6');
</script>
</div>

JS滚动图片代码（含横向和纵向）相关推荐

滚动文字、滚动图片代码
作者:Linger 2007-03-15 20:58:50 运用下面的代码,加入你所希望看到的文字,就能使你的博客外观发生不同哦! 滚动文字代码: <marquee scrollAm ...
dw自动滚动图片_Dreamweaver向下滚动图片代码(不间断、带链接、鼠标指向暂停)-dreamweaver技巧-电脑技巧收藏家...
Dreamweaver向下滚动图片代码(不间断.带链接.鼠标指向暂停) var speed=30 var colee_bottom2=document.getElementById("col ...
html 滚动图片代码
下面的图片滚动代码仅用于html网页中,分别可以向上向下向左向右的滚动!把下面此代码插入html网页的<body>< /body>中就可以了! <!--下面是向上滚动代码 ...
js 中控制打印方向横向还是纵向。
打印方向控制 @page { size: landscape; }//横向 @page { size: portrait; }//纵向但是写在Css 中无法切换还是要写在js中. //切换打印方向 ...
html滚动图片代码加文字,HTML代码制作滚动文字
这篇文章主要介绍了关于HTML代码制作滚动文字,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下本节笔者讲述HTML代码中比较特殊的标签,它能使网页中的文字滚动,并且可以控制其滚动的属性 ...
html带小方块的滚动图片代码,html滚动条样式
当内容超出容器时,容器会出现滚动条,其自带的滚动条有时无法满足我们审美要求,那么我们可以通过css伪类来实现对滚动条的自定义. 首先我们要了解滚动条.滚动条从外观来看是由两部分组成:1,可以滑动的部分 ...
网站翻滚图片代码html,网页滚动图片滚动特效解析
1.一种常用的无缝滚动代码: 滚动图片代码演示-志文工作室 href="http://image2.sina.com.cn/gm/lineage2/whz/newwh/images/fy/i ...
分享118个JS图片代码，总有一款适合您
分享118个JS图片代码,总有一款适合您 118个JS图片代码下载链接:https://pan.baidu.com/s/1Tr5jX-Lr8Ytzx1lV4zr8nA?pwd=ji78 提取码:ji ...
仿造小红书页面代码html,jQuery仿小红书登录页，背景图垂直循环滚动登录页，向上循环滚动的动画，实现一张背景图片的无缝向上循环js滚动...
jQuery仿小红书登录页,背景图垂直循环滚动登录页,向上循环滚动的动画,实现一张背景图片的无缝向上循环js滚动先看效果图: 图片是gif看着有点卡顿,网页里面其实很流畅的此代码使用CSS3动画实 ...

JS滚动图片代码（含横向和纵向）

JS滚动图片代码（含横向和纵向）相关推荐

最新文章

热门文章