Chinaunix首页 | 论坛 | 博客

乐活人生的ChinaUnix博客

首页　| 　博文目录　| 　关于我

乐活人生

  • 博客访问： 44710
  • 博文数量： 42
  • 博客积分： 0
  • 博客等级： 民兵
  • 技术积分： 265
  • 用 户 组： 普通用户
  • 注册时间： 2014-11-11 10:39
文章分类

全部博文（42）

文章存档

2015年（12）

2014年（30）

我的朋友
最近访客
推荐博文
jq实现果冻抖动效果

分类： jQuery

2014-12-01 20:44:27

实现的果冻抖动效果：

.test{
    margin:10px 0px;
    
    height:150px;
    border:1px #ccc solid;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 10px;
    opacity:0.8;
     
}
    
    
    
    
    
    
$('.test').hover(function(){
        $(this).animate({
            width: 920,
            height: 170,
            marginLeft: -20,
            opacity:0.8
        }, 100 ).animate({
            width: 910,
            height: 160,
            marginLeft: -10,
            opacity:0.9
        }, 100 ).animate({
            width: 920,
            height: 170,
            marginLeft: -20,
            opacity:1
        }, 100 )
    },function(){
        $(this).stop(true).animate({
            width: 900,
            height: 150,
            marginLeft: 0,
            opacity:0.8
        }, 100 );
});
阅读(283) | 评论(0) | 转发(0) |
0

上一篇：JS秒数转成分秒时间格式

下一篇：Yii 为JUI设置自己的CSS样式

给主人留下些什么吧！~~
关于我们 | 关于IT168 | 联系方式 | 广告合作 | 法律声明 | 免费注册

Copyright 2001-2010 ChinaUnix.net All Rights Reserved 北京皓辰网域网络信息技术有限公司. 版权所有

感谢所有关心和支持过ChinaUnix的朋友们

16024965号-6