网页效果：js或jQuery实现图片向左无缝滚动一、效果思路1、设置一个外层div达到超出隐藏的效果2、滚动元素需要克隆一个，为了达到第一个滚动元素超出时，像是跑到最右边重新滚动开始3、设置定时重复效果，使得元素循环滚动，通过不断改变scrollLeft达到滚动的目的4、鼠标悬停效果Html布局效果图：
二、Js实现代码Html:Css:{margin:0;padding:0;}
#div1{width:420px;height:110px;margin:0auto;overflow:hidden;border:1pxsolidblack;padding:5px0px;margin-top:50px;}.div2{width:300%;}
#demo1,#demo2{float:left;}.div2ulli{float:left;list-style:none;border:1pxsolidred;margin:04px;}Js:代码解释：Marquee（）：js函数，控制滚动以及滚动元素滚动完成时重新将scrollLeft归零offsetWidth：获取元素宽度setInterval：定时执行函数onmouseover、onmouseout鼠标放在上面和离开是的效果注意：宽高都写在样式表里，就比如#id{width:120px;}。这中情况通过#id.style.width拿不到宽度，而通过#id.offsetWidth才可以获取到宽度。若是想通过#id.style.width获取元素宽度值，需要将宽和高是写在行内中，比如style="width:120px;"
三、jQuery实现Html:Css:
{margin:0;padding:0;}#div1{width:420px;height:110px;margin:0auto;overflow:hidden;border:1pxsolidblack;padding:5px0px;margin-top:50px;}.div2{width:300%;
}#demo1,#demo2{float:left;}.div2ulli{float:left;list-style:none;border:1pxsolidred;margin:04px;}Jquery:解释：clone()：克隆元素append（）：追加到元素后面Hover（function1，function1）：function1鼠标放在上面执行的函数，function1鼠标离开执行的函数trigger("mouseleave")：事件触发mouseleave，可理解为页面加载就执行clearInterval：清除定时setInterval：创建定时滚动效果图：
|
|
