鸿 网 互 联 www.68idc.cn

当前位置 : 服务器租用 > cms安装教程 > 科汛cms > >

发布几个比较好玩的js(jquery版)~~

来源:互联网 作者:佚名 时间:2015-01-07 07:46
仿百度有啊 上下震动!鼠标移动到下面图片观看效果: $(

仿百度有啊 上下震动!鼠标移动到下面图片观看效果:



$("img#sx").mouseover(function() {
if(!$(this).is(":animated")){
$(this).animate({top:-6},210).animate({top:0},180).animate({top:-3},150).animate({top:0},130).animate({top:-1},100).animate({top:0},80);
}
});


就是利用animate方法改变 对象的top值实现的, 所以在此提醒 对象的position属性一定要是absolute才有效

第二个是本博客列表标题向右移动的效果


//先给a标签加个css属性
a{position:relative}

以下为jq代码
$(".post_item_body h3 a").hover(function() {$(this).stop().animate({'left': '13px'}, 'fast');}, function() {$(this).stop().animate({'left': '0px'}, 'fast');});

此原理也是使用jq的animate方法改变对象的left和right值实现的!

更多好玩的,稍后更新!如果你也有异想天开的想法 ,但是不能实现,,说出来,大家一起讨论讨论!

网友评论
<