首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

Jquery兑现图片滚动

2012-10-10 
Jquery实现图片滚动平常见好多网站都有那种图片点击滚动的效果感觉挺好的,于是今天就实际做了一下,整体思

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);//设置图片容器可视宽度为图片可视个数总宽度
这样就解决了。

热点排行