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 相关文章推荐
两个DIV等高的JS的实现代码
Dec 23 Javascript
Jquery+CSS3实现一款简洁大气带滑动效果的弹出层
May 15 Javascript
键盘上一张下一张兼容IE/google/firefox等浏览器
Jan 28 Javascript
jquery实现公告翻滚效果
Feb 27 Javascript
JavaScript中常用的六种互动方法示例
Mar 13 Javascript
js实现异步循环实现代码
Feb 16 Javascript
js 自带的sort() 方法全面了解
Aug 16 Javascript
js制作支付倒计时页面
Oct 21 Javascript
vue.js 中使用(...)运算符报错的解决方法
Aug 09 Javascript
JS canvas绘制五子棋的棋盘
May 28 Javascript
jQuery实现异步上传一个或多个文件
Aug 17 jQuery
vue-router路由懒加载及实现的3种方式
Feb 28 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
php实现图片转换成ASCII码的方法
2015/04/03 PHP
WordPress中获取页面链接和标题的相关PHP函数用法解析
2015/12/17 PHP
TopList标签和JavaScript结合两例
2007/08/12 Javascript
基于Jquery的简单&amp;简陋Tabs插件代码
2010/02/09 Javascript
细说浏览器特性检测(2)-通用事件检测
2010/11/05 Javascript
JS+CSS制作DIV层可(最小化/拖拽/排序)功能实现代码
2013/02/25 Javascript
Javascript中的String对象详谈
2014/03/03 Javascript
在JavaScript中重写jQuery对象的方法实例教程
2014/08/25 Javascript
js自定义select下拉框美化特效
2016/05/12 Javascript
Bootstrap自定义文件上传下载样式
2016/05/26 Javascript
Bootstrap如何创建表单
2016/10/21 Javascript
Javascript 获取鼠标当前的位置实现方法
2016/10/27 Javascript
深入理解javascript中的 “this”
2017/01/17 Javascript
从零学习node.js之文件操作(三)
2017/02/21 Javascript
NodeJS创建最简单的HTTP服务器
2017/05/15 NodeJs
vue 使用vue-i18n做全局中英文切换的方法
2018/10/29 Javascript
Angular使用Restful的增删改
2018/12/28 Javascript
关于Layui Table隐藏列问题
2019/09/16 Javascript
vue 动态组件(component :is) 和 dom元素限制(is)用法说明
2020/09/04 Javascript
解决vue请求接口第一次成功,第二次失败问题
2020/09/08 Javascript
Javascript节流函数throttle和防抖函数debounce
2020/12/03 Javascript
[00:43]拉比克至宝魔导师密钥展示
2018/12/20 DOTA
[01:21:36]CHAOS vs Alliacne 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/16 DOTA
用Python编写分析Python程序性能的工具的教程
2015/04/01 Python
Python3中使用urllib的方法详解(header,代理,超时,认证,异常处理)
2016/09/21 Python
Python 遍历子文件和所有子文件夹的代码实例
2016/12/21 Python
详解python websocket获取实时数据的几种常见链接方式
2019/07/01 Python
Django 博客实现简单的全文搜索的示例代码
2020/02/17 Python
python pyecharts 实现一个文件绘制多张图
2020/05/13 Python
解决pytorch下出现multi-target not supported at的一种可能原因
2021/02/06 Python
HTML5单选框、复选框、下拉菜单、文本域的实现代码
2020/12/01 HTML / CSS
Currentbody德国站:健康与美容技术专家
2020/04/05 全球购物
党的群众路线教育实践活动学习心得体会
2014/03/03 职场文书
《故乡》教学反思
2014/04/10 职场文书
学校工会工作总结2015
2015/05/19 职场文书
会计试用期工作总结2015
2015/05/28 职场文书