标签归档:图片滚动

js+css实现图片横向左右滚动并悬停的效果,兼容主流浏览器

此代码是从阿里西西上面找到的,经本人修改加工,完美兼容主流浏览器,是建站不可或缺的代码。
使用方法:
1、点击向左箭头,图片会自动向左移动;
2、点击向右箭头,图片会自动向右移动;
3、鼠标移动到图片上面,暂停滚动,鼠标移走,继续滚动;
4、展现的形式是否完美,取决于几个宽度:showwidth,steplength,#fl,mqdemoa,li,所有宽度都基于li的宽度(即滚动元素的宽度);
5、如在使用过程中遇到问题,欢迎留言反馈;
6、如需转载请保留本文链接地址,http://www.cookseo.com/Z-Blog18/blog/web/jsleftright/,不胜感谢。
>>阅读全文

图片无缝滚动(div+css)完美版

  想必大家都注意到marquee的不循环滚动,所以出现了很多替代脚本,或iframe或JS输出marquee,不管怎么做,都略显麻烦。
  下面说一下这个相对简单的实现思路:一个设定宽度并且隐藏超出它宽度的内容的容器demo,里面放demo1和demo2,demo1是滚动内容,demo2为demo1的直接克隆,通过不断改变demo1的scrollTop或者scrollLeft达到滚动的目的,当滚动至demo1与demo2的交界处时直接跳回初始位置,因为demo1与demo2一样,所以分不出跳动的瞬间,从而达到“无缝”滚动的目的。
>>阅读全文