横向
<div id=demo style="overflow:hidden;width:200px;border:2px solid #e0e0e0;padding:2px;" onmouseover="stopscroll();"
onmouseout="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>
<!--滚动的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 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>
<!--滚动的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>
分享到:
相关推荐
JS无缝图片滚动,横向和横向滚动二例,响应鼠标停止,无使用jQuery,图片滚动应用广泛,本代码在IE8、火狐等浏览器下兼容性好,代码效率高,而且代码也很少,方便大家嵌入到自己的网页中,运行效果如上图所示。
jQuery横向和纵向内容滚动插件Sly
javascript 横向滚动, 纵向滚动
Win8风格Metro界面横向滚动导航代码,可向左向右滚动,无限添加内容,也可以切换横向纵向滚动方式,兼容主流浏览器 使用方法: 1、在head区域引入样式表文件metro.css 2、在head区域引入jquery.min.js,jquery....
横向、纵向滚动格式调整 (解决横向滚动换行的问题,无需特殊设置), 彻底解决由于IE问题导致上下滚动页面留白的问题,它可以禁止鼠标控制暂停或继续 (将第9个参数设置为-1或者动态赋值将ScrollSetp设置为-1), 判断...
DIV+CSS纵向横向下拉菜单,JS图片文字横向滚动,比较实用小例子,和大家分享下!
js动态效果,图片无间断滚动(横向+纵向),缩略图+幻灯片
js关于网页设计的一些东西 控制横向和纵向滚动条的显隐 记录并显示网页的最后修改时间等
ScrollNews 无缝循环滚动新闻,程序改编至雅虎中国的scrollVertical.js。修改后,新闻可以横向和纵向的滚动,并且滚动添加了加速和减速的平滑过度效果,让整个滚动新闻的滚动看上去更自然。
Win8风格Metro界面横向滚动导航代码,可向左向右滚动,无限添加内容,也可以切换横向纵向滚动方式,兼容主流浏览器
原生js实现自定义滚动条样式,兼容现代浏览器,功能齐全
支持以下滚动,至于向左,还是向右,滚动,停留时间长短均可自行设置,样式等都可以自己修改,JS,css代码写的很灵活,需要哪种效果只用复制代码便可. 一次横向滚动一个 一次滚动一屏 默认不动,可做图片导航 间隙上下文字...
有些新手朋友可能对去掉textarea横向或纵向滚动条不是很擅长,本文将详细介绍,需要了解的朋友可以参考下
01:___CSS+JS滚动图片功能代码 02:___CSS使用图片完美修饰的全兼容圆角框 03:___CSS制作的类似相册浏览的功能 04:___CSS完成神奇创意的相框 05:___CSS实现自适应的图片背景边框 06:___CSS将图片自动变为圆角 07:___...
js模拟滚动条(横向竖向),需要的朋友可以参考一下
JS鼠标滚轮水平滚动特效是一款横向滚动排列的JS水平滚动代码。
横向纵向都有,简单,易懂,用的时候,直接插入页面代码(代码),图片路径修改自己的位置就可以了。
内容索引:脚本资源,jQuery,横向滚动,纵向滚动,滚动切换 jQuery制作的滚动特效,让网页在横向、纵向方向上滚动切换,像带有滚动特效的分页功能一样,每次点击页码,会从左至右或从上到下的滚动到下一页,其内容是...
jquery实现的滚动效果,可以横向滚动,也可以纵向垂直滚动,适合全屏效果的展示,这里使用到了jquery.easing.1.3.js滚动插件,这是本效果实现的核心文件,本插件还可实现其它许多的滚动效果,比如文字滚动、图片滚动...
better-scroll的滚动原理和浏览器原生滚动原理是一样的,当子盒子的高度大于父盒子的高度,就会出现纵向滚动;同理,如果子盒子的宽度大于父盒子的宽度,那么就会出现横向滚动。 先来看一下 better-scroll 常见的...