jquery果冻抖动效果实现方法


Posted in Javascript onJanuary 15, 2015

本文实例讲述了jquery果冻抖动效果实现方法。分享给大家供大家参考。

具体实现方法如下:

<html>

<head>

<script type="text/javascript" src="jquery-1.8.2.min.js"></script>

<script type="text/javascript">

 $(function(){

  $("div").mouseover(function(){

   $(this).animate({"width":"320","height":"100"},100);

   $(this).animate({"width":"310","height":"90"},100);

  }).mouseout(function(){

   $(this).animate({"width":"300","height":"80"},100);

  });

 });

</script>

<style type="text/css">

div{width:300px;height:80px;border-radius:8px;background:green;margin-top:10px;}

</style>

</head>

<body style="background-color:#e8e8e8;">

<div></div>

<div></div>

<div></div>

<div></div>

</body>

</html>

希望本文所述对大家的jQuery程序设计有所帮助。

Javascript 相关文章推荐
JavaScript的面向对象(一)
Nov 09 Javascript
js带按钮的提示框可供选择示例代码
Sep 17 Javascript
js使用for循环及if语句判断多个一样的name
Sep 09 Javascript
jquery队列函数用法实例
Dec 16 Javascript
Angularjs全局变量被作用域监听的正确姿势
Feb 06 Javascript
Bootstrap 附加导航(Affix)插件实例详解
Jun 01 Javascript
js放大镜放大购物图片效果
Jan 18 Javascript
js中关于Blob对象的介绍与使用
Nov 29 Javascript
Vue.js仿Select下拉框效果
Feb 18 Javascript
vue实现虚拟列表功能的代码
Jul 28 Javascript
微信小程序获取当前时间及星期几的实例代码
Sep 20 Javascript
Vue中插槽slot的使用方法与应用场景详析
Jun 08 Vue.js
jquery通过ajax加载一段文本内容的方法
Jan 15 #Javascript
js实现遮罩层弹出框的方法
Jan 15 #Javascript
jquery隔行换色效果实现方法
Jan 15 #Javascript
JavaScript中实现依赖注入的思路分享
Jan 15 #Javascript
jquery实现textarea输入框限制字数的方法
Jan 15 #Javascript
28个常用JavaScript方法集锦
Jan 14 #Javascript
jquery单选框radio绑定click事件实现方法
Jan 14 #Javascript
You might like
德生PL550的电路分析
2021/03/02 无线电
win2003服务器使用WPS的COM组件的一些问题解决方法
2012/01/11 PHP
php中$_POST与php://input的区别实例分析
2015/01/07 PHP
PHP 记录访客的浏览信息方法
2018/01/29 PHP
脚本之家贴图转换+转贴工具用到的js代码超级推荐
2007/04/05 Javascript
仅IE不支持setTimeout/setInterval函数的第三个以上参数
2011/05/25 Javascript
VBS通过WMI监视注册表变动的代码
2011/10/27 Javascript
javascript开发随笔一 preventDefault的必要
2011/11/25 Javascript
jquery插件validate验证的小例子
2013/05/08 Javascript
JavaScript两种跨域技术全面介绍
2014/04/16 Javascript
js获取表格的行数和列数的方法
2015/10/23 Javascript
解决jQuery ajax请求在IE6中莫名中断的问题
2016/06/20 Javascript
jQuery实现为LI列表前3行设置样式的方法【2种方法】
2016/09/04 Javascript
JS给swf传参数的实现方法
2016/09/13 Javascript
微信小程序 textarea 详解及简单使用方法
2016/12/05 Javascript
vuejs父子组件通信的问题
2017/01/11 Javascript
JavaScript观察者模式(publish/subscribe)原理与实现方法
2017/03/30 Javascript
微信小程序分页加载的实例代码
2017/07/11 Javascript
layui问题之自动滚动二级iframe页面到指定位置的方法
2019/09/18 Javascript
[01:03:59]2018DOTA2亚洲邀请赛3月30日 小组赛B组VGJ.T VS Secret
2018/03/31 DOTA
[46:50]Liquid vs Mineski 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
解决python3 pika之连接断开的问题
2018/12/18 Python
python使用PIL模块获取图片像素点的方法
2019/01/08 Python
python pandas时序处理相关功能详解
2019/07/03 Python
pyecharts绘制中国2020肺炎疫情地图的实例代码
2020/02/12 Python
Python filter()及reduce()函数使用方法解析
2020/09/05 Python
荷兰手表网站:Watch2Day
2018/07/02 全球购物
Zalando Lounge瑞士:时尚与生活方式购物俱乐部
2020/03/12 全球购物
一套C#面试题
2013/10/09 面试题
成教自我鉴定
2013/10/27 职场文书
电大毕业生自我鉴定
2013/11/10 职场文书
主持人婚宴答谢词
2014/01/28 职场文书
2015年挂职干部工作总结
2015/05/14 职场文书
在校学生证明格式
2015/06/24 职场文书
2015暑假社会调查报告
2015/07/13 职场文书
Oracle配置dblink访问PostgreSQL的操作方法
2022/03/21 PostgreSQL