今天朋友Q我,说他的手机掉了,然后给我新手机号,也找我要了我的手机号。因为今天iphone 4国内开始销售嘛,我就跟他开玩笑,旧的不去,新的不来。丢得正好买个iphone 4爽爽!他说他买了Nokia X6,我就去百度了一下。百度还是很推荐自己的产品的,第一名是有啊,进去看了一下价格和参数,无意发现最下面的手机图片展示鼠标划过有震动效果,下班回家就写了几句,搞定。
这里是DEMO
其实很简单,就是几个animate在那里动而已,只要调整好距离和速度就“震”得很舒服,下面是代码和简单的注释:
$(function(){
$(".phone li img").mouseover(function(){//鼠标移动到图片触发事件
if(!$(this).is(":animated")){//判断,如果图片不在运动,执行下面代码
$(this).animate({top:-6},210).animate({top:0},180)//往上6px,回来
.animate({top:-3},150).animate({top:0},130)//往上3px,回来
.animate({top:-1},100).animate({top:0},80);//往上1px,回来
}
});
});
基本上只要调整好往上的距离和速度,效果就很不错。需要注意的是鼠标快速且多次划动到图片上,不能让图片也执行多次动作,不然鼠标移开后很久,图片还在晃动,所以要写个判断语句。
沙发..看着你越来越折腾的厉害了,呵呵
别忘了,我可是敲代码的哦!
我粗暴而优雅却带着懊恼又饱含着渴望在无限希冀中悲欣交集并无聊而又无奈地插入。 😡 超级BS,抢我沙发
擦,又是这句,蛋疼。
还真不愧是敲代码的。
不过图片是和你无关,因为百度不让外链……
…我忘了外链这事,直接把那人卖的手机图片偷过来了,因为有LOGO。现在我加了本地图片了。
没看到验证码了 😈
那插件被我删了,看着不爽。
让我想起原来学flash的时候 做小球跳动效果了…
(QQ超大附件上传速度怎么这么快?这里才2M电信而已。)应该是你传的东西,服务器上有那个文件就那样了..我原来传个什么东西 也是秒上传来着..
恩,貌似和QQ离线下载一样。我一点离线下载电影,那电影已经是100%了。
看前三行的时候竟然忘了这是个jquery特效的文章~哈哈~
先扯扯蛋嘛 ❗
我加到header里,对么?
话说加在哪都可以~。只要前边的选择器选对就ok~
……选择器是么东东?
加到header里?你想干什么?
❓ 你没说要加到哪里啊
🙄 镇镇更健康~
错别字,应该是震!车震的震!
嗯嗯,拼音嘛 😮
放到哪里?
并没有放博客,只是无聊仿照的效果而已,有demo
看来最近搜集了不少代码吗
有些效果本来是准备用到新博客主题上的,看来这主题年底都出不来了… 😥
有点意思。图片被百毒防盗链了
图片已经换成本地的了,当时忘记百度防外链了 ➡
虽然没有用过百度有啊,但是这个效果挺炫的
三大C2C,淘宝,拍拍,有啊,我就是没买过有啊的东西 😆
这个功能的确很不错啊
是百度的人写的效果,我只是用jQuery来仿照实现而已。
加到读者墙效果上应该很不错。可惜我不会加。 😉
我感觉读者墙用放大效果是不是会更好? 😮
这个效果很好看,很酷,不过代码我都是不懂的…… 😡
博客分很多种啊,有技术性的,有内容型的,你专注内容即可!
我的邮箱有输错了……
怎么又错了
慢慢震哦,嘿嘿。
车震的震 😈
效果是怎么样的,有预览没~
DEMO这几个字不够显眼… ❓
哦,真的有哦,看来我眼神真的不行了! 😮
不错的效果,赞一个。
马马虎虎吧,也不是我原创的效果
是不是和后台输错密码一样的?呵呵
WordPress3.0后的后台是不是左右晃动?我用过一次,呵呵
“震”得很舒服,看着也挺舒服的
还行,马马虎虎 ❗
效果很棒棒! 🙄
一排链结连续震过去时….有种满足感
纠结,你满足个啥 😕
😛 这个适用。
呵呵,暂时还没想到放哪里合适,或许不会放博客吧。
看了下demo,效果不错啊。
百度都用的效果,不会差到哪去。
听简单的。
确实简单,不过创意还是蛮不错的。
mark 效果不错,没去过有啊
很少去,没在那里买过东西。
原来西门是搞技术的啊?
😆
收藏了,效果很好。
…暂时的页面仔飘过 😕
好复杂,不懂的飘走…… ➡
不错的效果啊,呵呵
百度的人设计的,我只是用jQuery来实现而已。 😆
原来如此,有明白了一个jq效果。呵呵 🙄
大家一起学习嘛 ❗
无头像test
很不错的说! 😐
不知道怎么看代码的朋友、请在Deml页面直接右击查看源文件、就可以看到全部代码。
棒棒的!