当前位置: 代码迷 >> Web前端 >> Jquery兑现图片滚动
  详细解决方案

Jquery兑现图片滚动

热度:56   发布时间:2012-10-10 13:58:11.0
Jquery实现图片滚动
    平常见好多网站都有那种图片点击滚动的效果感觉挺好的,于是今天就实际做了一下,整体思路很简单,通过jquery找到要滚动的对象,然后让他animate改变它的距左属性left就可以了,但是要改变left必须要将滚动对象的position设为relative否则left无效,所以在写样式的时候一定要想清楚了否则效果出不来!我把代码上传了如果有需要大家可以看一下!
1 楼 bilipan 2012-08-23  
难得见到简单版的,也好自己扩展,多谢分享。
2 楼 bilipan 2012-08-23  
不过有点问题:无法自动调整图片显示个数。
我自己改了下:
var w = p.find('li').outerWidth(true);//图片所在li宽度
$('.PhotoCon').width(w*i);//设置图片容器可视宽度为图片可视个数总宽度
这样就解决了。
  相关解决方案