<div id="demo" style="overflow:hidden;">
<div id="indemo" style="float:left; width:800%">
<div id="demo1" style="float:left;">
<img src="img/一点绿.jpg" width="110" height="89" />
<img src="img/中原一点红.jpg" width="110" height="89" />
<img src="img/大炸鱼.jpg" width="110" height="89" />
<img src="img/白菜鲜蘑.jpg" width="110" height="89" />
<img src="img/米饭.jpg" width="110" height="89" />
<img src="img/肉片.jpg" width="110" height="89" />
<img src="img/蒜苔炒肉.jpg" width="110" height="89" />
</div>
<div id="demo2" style="float:left;"></div>
</div></div>
<script type="text/javascript">
<!--
var speed=10;
var tab=document.getElementById("demo");
var tab1=document.getElementById("demo1");
var tab2=document.getElementById("demo2");
tab2.innerHTML=tab1.innerHTML;
function Marquee()
{
if(tab2.offsetWidth-tab.scrollLeft<=0)
tab.scrollLeft-=tab1.offsetWidth;
else{
tab.scrollLeft++;
}
}
var MyMar=setInterval(Marquee,speed);
tab.onmousemove=function(){clearInterval(MyMar)};
tab.onmouseout=function(){MyMar=setInterval(Marquee,speed)};
-->
</script>
分享到:
相关推荐
横向无缝的图片滚动,两端带左右控制按钮,需要鼠标点击按钮才会滚动,点一下滚动一下,这是Jquery jcarousel插件应用实用例子,演示文档虽然是HTML格式,但由代码来看,在ASP/PHP/ASP.NET中使用也很方便,而且图片...
NULL 博文链接:https://javacunyin.iteye.com/blog/682776
可以左右移动横向无缝滚动的JS图片展示,不明白的可以问我
横向无缝左右滚动的JS图片展示代码
一个多福图片的滚动代码,亲测支持各种版本浏览器(IE7.8里一处css略有问题,很容易更改),并非原创,请尊重他人劳动成果!
js横向无缝滚动 带按钮控制滚动方向 带标题 绝对经典
原生js左右无缝滚动,封装了vue组件。鼠标经过左右的图标左右滚动。经过中间部分停止滚动。 大部分步骤有注释。供学习参考。
无缝横向滚动文字图片特效,无缝横向滚动图片,文字上下滚动的特效代码,可用左右键控制滚动方向.
NULL 博文链接:https://onestopweb.iteye.com/blog/2240557
JS无缝图片滚动,横向和横向滚动二例,响应鼠标停止,无使用jQuery,图片滚动应用广泛,本代码在IE8、火狐等浏览器下兼容性好,代码效率高,而且代码也很少,方便大家嵌入到自己的网页中,运行效果如上图所示。
图片不间断横向滚动效果
自定义的ViewGroup实现的无缝连接可循环滚动布局,使用较为简单,虽然命名有点随便
JS简单横向无缝滚动
内容索引:脚本资源,jQuery,图片滚动,jcarousel,Jquery插件 Jquery jcarousel插件应用实用:横向无缝的图片滚动,两端带左右控制按钮,需要鼠标点击按钮才会滚动,点一下滚动一下,演示文档虽然是HTML格式,但由代码...
向上下左右不间断无缝滚动图片的效果(兼容火狐和IE),效果比较好
ScrollNews 新闻无缝循环滚动切换特效,不错的滚动效果,压缩包内的示例包括横向和竖向两种形式的滚动,本滚动结合图片和文字,运用CSS和Javascript技术,将滚动的内容扩展至DIV标签,也就是控制某个区域的滚动,而...
vue实现轮播图,实现滚动切换,无缝切换,自动切换,循环无回滚,暂停滚动等效果。适合初学者学习借鉴。对代码有疑问或者不懂的欢迎私信交流。
横向滚动轮播,不支持循环无缝滚动
横向无缝滚动,支持点击切换方向,鼠标移入暂停滚动