jQuery
关注
分享
扫一扫
iteye_16561
这个作者很懒，什么都没留下…
展开
-
无尽旋转木马
今天在逛论坛时，发现很多新人在问用jquery如何编写一个”旋转木马”的切图效果。所以自己特意去写了一个demo，希望能帮到一些新人。思路：创建显示框DIV，设置overflow：hidden。在显示框中创建元素ul，将所有图片放在ul的li中，给元素li添加float：left。通过点击左右方向图标，改变显示框的scrollLeft。 如下图：J...2013-02-01 12:37:31 · 154 阅读 · 0 评论 -
简单的图片切换
今天写了一个jquery图片切换效果。实现效果的方法比较简单，写这个效果主要是用于巩固自己的jquery基础。该图片效果包含定时切换图片，下方菜单栏点击切换图片，鼠标放在显示框上时，停止自动切换图片。下面我来分享一下写这个效果的技巧。 思路：将图片插入在class为items 的div中，并将div的position设为absolute，添加到显示框中。点...2013-02-04 14:27:59 · 131 阅读 · 0 评论 -
fixed应用
今天在逛人人网时，发现人人网首页左侧的“应用动态”，随着我页面向下滚动，一直固定在网站的左侧。但这效果存在一点瑕疵，在拖动过程中存在一点抖动(ie下)，不是非常平滑。我尝试使用jquey实现了该效果，也解决了抖动的问题。现在把它拿出来和大家分享一下。 人人网效果： 思路：创建一个ID为sideBar的div，将它的position设置为absolute。...2013-02-08 12:00:57 · 141 阅读 · 0 评论 -
CSS3超级大转盘
众所周知，现在各大主流网站上都或多或少地应用了CSS3动画效果，因为CSS3的动画效果所消耗的资源要比js动画效果消耗的资源要小很多，在我看来，CSS3的前景非常光明，所以今天我将模仿firfox首页的一个效果，带大家领略一下CSS3的强大之处。 实现的效果： 1.点击旋转时，转盘旋转到下一个板块。文字弹出框将下移并消失，然后再弹出。 ...2013-02-25 11:42:59 · 601 阅读 · 0 评论