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 相关文章推荐
一个用js实现的页内搜索代码
May 23 Javascript
javascript仿qq界面的折叠菜单实现代码
Dec 12 Javascript
详解AngularJS中的filter过滤器用法
Jan 04 Javascript
JavaScript数组方法总结分析
May 06 Javascript
关于Function中的bind()示例详解
Dec 02 Javascript
JS产生随机数的用法小结
Dec 10 Javascript
jquery uploadify隐藏上传进度的实现方法
Feb 06 Javascript
JavaScript中offsetWidth的bug及解决方法
May 17 Javascript
Angularjs实现上传图片预览功能
Sep 01 Javascript
浅谈webpack打包过程中因为图片的路径导致的问题
Feb 21 Javascript
vue中的过滤器实例代码详解
Jun 06 Javascript
node中短信api实现验证码登录的示例代码
Jan 20 Javascript
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
用PHP将网址字符串转换成超链接(网址或email)
2010/05/25 PHP
PHP中抽象类和抽象方法概念与用法分析
2016/05/24 PHP
Windows下PHP开发环境搭建教程(Apache+PHP+MySQL)
2016/06/13 PHP
Laravel中Facade的加载过程与原理详解
2017/09/22 PHP
php使用curl获取header检测开启GZip压缩的方法
2018/08/15 PHP
javascript innerHTML使用分析
2010/12/03 Javascript
jquery获得下拉框值的代码
2011/08/13 Javascript
JavaScript中的变量声明早于赋值分析
2012/03/01 Javascript
Javascript事件实例详解
2013/11/06 Javascript
js与css实现弹出层覆盖整个页面的方法
2014/12/13 Javascript
ECMAScript6函数默认参数
2015/06/12 Javascript
js实现点击文本框显示日期选择器特效代码分享
2020/05/21 Javascript
javascript实现uploadify上传格式以及个数限制
2015/11/23 Javascript
javascript每日必学之基础入门
2016/02/16 Javascript
js控制TR的显示隐藏
2016/03/04 Javascript
jQuery实现打开页面渐现效果示例
2016/07/27 Javascript
JS判断是否手机或pad访问实现方法
2016/12/09 Javascript
xmlplus组件设计系列之文本框(TextBox)(3)
2017/05/03 Javascript
vue使用vue-cli快速创建工程
2017/07/28 Javascript
webpack踩坑之路图片的路径与打包
2017/09/05 Javascript
详解node.js的http模块实例演示
2018/07/12 Javascript
JavaScript对象的浅拷贝与深拷贝实例分析
2018/07/25 Javascript
在React中写一个Animation组件为组件进入和离开加上动画/过度效果
2019/06/24 Javascript
浅谈JS中this在各个场景下的指向
2019/08/14 Javascript
微信小程序request请求封装,验签代码实例
2019/12/04 Javascript
JavaScript对象原型链原理解析
2020/01/22 Javascript
在vue中使用jsonp进行跨域请求接口操作
2020/10/29 Javascript
python抓取百度首页的方法
2015/05/19 Python
pycharm安装图文教程
2017/05/02 Python
Python实现Kmeans聚类算法
2020/06/10 Python
使用Py2Exe for Python3创建自己的exe程序示例
2018/10/31 Python
python实现飞机大战项目
2020/03/11 Python
python3注册全局热键的实现
2020/03/22 Python
美国知名的隐形眼镜电商:Contacts America
2019/11/19 全球购物
餐饮业会计岗位职责
2013/12/19 职场文书
2014年维稳工作总结
2014/11/18 职场文书