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客户端解决方案 缓存提供程序
Jul 14 Javascript
javascript检测页面是否缩放的小例子
May 16 Javascript
微信内置浏览器私有接口WeixinJSBridge介绍
May 25 Javascript
jquery实现滑屏大图定时收缩为小banner图片的广告代码
Sep 02 Javascript
多个js毫秒倒计时同时进行效果
Jan 05 Javascript
java中String类型变量的赋值问题介绍
Mar 23 Javascript
Angularjs中的事件广播 —全面解析$broadcast,$emit,$on
May 17 Javascript
jQuery插件zTree实现的多选树效果示例
Mar 08 Javascript
ES6中的Promise代码详解
Oct 09 Javascript
原生JS封装_new函数实现new关键字的功能
Aug 12 Javascript
vue element动态渲染、移除表单并添加验证的实现
Jan 16 Javascript
Vue指令实现OutClick的示例
Nov 16 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
linux下 C语言对 php 扩展
2008/12/14 PHP
让你的PHP7更快之Hugepage用法分析
2016/05/31 PHP
老生常谈PHP面向对象之命令模式(必看篇)
2017/05/24 PHP
破除一些网站复制、右键限制
2006/11/04 Javascript
JavaScript 图像动画的小demo
2012/05/23 Javascript
Javascript中Event属性搜集整理
2013/09/17 Javascript
JavaScript在IE和FF下的兼容性问题
2014/05/19 Javascript
JavaScript实现文本框中默认显示背景图片在获得焦点后消失的方法
2015/07/01 Javascript
jQuery实现的数值范围range2dslider选取插件特效多款代码分享
2015/08/27 Javascript
JS功能代码集锦
2016/05/04 Javascript
jQuery中Ajax全局事件引用方式及各个事件(全局/局部)执行顺序
2016/06/02 Javascript
深入理解JavaScript函数参数(推荐)
2016/07/26 Javascript
JavaScript 继承详解(六)
2016/10/11 Javascript
vue实现ToDoList简单实例
2017/02/07 Javascript
Vue数字输入框组件使用方法详解
2020/02/10 Javascript
JS co 函数库的含义和用法实例总结
2020/04/08 Javascript
原生JS实现汇率转换功能代码实例
2020/05/13 Javascript
用python + hadoop streaming 分布式编程(一) -- 原理介绍,样例程序与本地调试
2014/07/14 Python
跟老齐学Python之折腾一下目录
2014/10/24 Python
关于Python元祖,列表,字典,集合的比较
2017/01/06 Python
Python实现基于多线程、多用户的FTP服务器与客户端功能完整实例
2017/08/18 Python
Python3 Random模块代码详解
2017/12/04 Python
django与小程序实现登录验证功能的示例代码
2019/02/19 Python
python实现感知机线性分类模型示例代码
2019/06/02 Python
python3读取图片并灰度化图片的四种方法(OpenCV、PIL.Image、TensorFlow方法)总结
2019/07/04 Python
python numpy实现多次循环读取文件 等间隔过滤数据示例
2020/03/14 Python
python3 配置logging日志类的操作
2020/04/08 Python
手工制作的音乐盒:Music Box Attic
2019/09/05 全球购物
Fox Racing英国官网:越野摩托车和山地自行车服装
2020/02/26 全球购物
LightInTheBox法国站:中国跨境电商
2020/03/05 全球购物
一篇.NET面试题
2014/09/29 面试题
车间组长岗位职责
2013/12/20 职场文书
2015年大班保育员工作总结
2015/05/18 职场文书
如何解决.cuda()加载用时很长的问题
2021/05/24 Python
Python趣味实战之手把手教你实现举牌小人生成器
2021/06/07 Python
总结三种用 Python 作为小程序后端的方式
2022/05/02 Python