JS实现按钮点击后图片列表滚动

JavaScript010

JS实现按钮点击后图片列表滚动,第1张

我也是初学者,我就说说我的方法的,先放个数组,里面放对应的left值,

算了直接上代码

oUl是获取到的ul元素,aLi是获取到的li元素的集合

给ul加一个过度基本就没问题了

var a=[]

for( var i=0i<aLi.lengthi++ ){ 

    a.push(-100*i)

    aLi[i].index = i

    aLi[i].onclick = function(){

        oUl.style.left = a[i]

    }

}

你想把图片都显示出来对吧?

最简单的方法,就是改文件名字:比如0.jpg,1.jpg................100.jpg

到时候就循环取出来就方便了!

别的就不用想了

ie倒是可以用activex控制,不过只有ie可以,还是别用了!谁还用ie啊!哈哈!

这个可以用CSS实现就好了。不必要使用JS

图片放大效果的话,建议用一个额外的 div层放置放大后的图片,这样布局就不会乱了。鼠标放上去就显示这个层。

.img2{

/*这里写你的所有图片都会用到的样式*/

}

.img2:first-child, .img2:last-child{

/*这里写第一个图片和最后一个图片会用到的样式*/

}

.img1:hover .showBigImg{

display:block

}

对于这个大图的div层的显示,可以稍加js控制,这样就可以所有图片共用一个div层来放置大图。

希望能帮助到你