我也是初学者,我就说说我的方法的,先放个数组,里面放对应的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层来放置大图。
希望能帮助到你