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 css styleFloat和cssFloat
Mar 15 Javascript
jquery的$getjson调用并获取远程的JSON字符串问题
Dec 10 Javascript
javascript的switch用法注意事项分析
Feb 02 Javascript
浅析js中substring和substr的方法
Nov 09 Javascript
详解js中构造流程图的核心技术JsPlumb(2)
Dec 08 Javascript
JavaScript6 let 新语法优势介绍
Jul 15 Javascript
plupload+artdialog实现多平台上传文件
Jul 19 Javascript
AngularJS实现DOM元素的显示与隐藏功能
Nov 22 Javascript
微信小程序 闭包写法详细介绍
Dec 14 Javascript
Vue 多层组件嵌套二种实现方式(测试实例)
Sep 08 Javascript
vue项目刷新当前页面的三种方法
Dec 04 Javascript
深入学习js函数的隐式参数 arguments 和 this
Jun 24 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文字水印和php图片水印实现代码(二种加水印方法)
2013/12/25 PHP
php从数据库查询结果生成树形列表的方法
2015/04/17 PHP
PHP快速推送微信模板消息
2017/04/14 PHP
锋利的jQuery 要点归纳(三) jQuery中的事件和动画(上:事件篇)
2010/03/24 Javascript
js取消单选按钮选中示例代码
2013/11/14 Javascript
Jquery对象和Dom对象的区别分析
2014/11/20 Javascript
angularjs基础教程
2014/12/25 Javascript
js实现键盘控制DIV移动的方法
2015/01/10 Javascript
基于JavaScript代码实现兼容各浏览器的设为首页和加入收藏
2016/01/07 Javascript
Bootstrap每天必学之附加导航(Affix)插件
2016/04/25 Javascript
js判断请求的url是否可访问,支持跨域判断的实现方法
2016/09/17 Javascript
JQuery 动态生成Table表格实例代码
2016/12/02 Javascript
vue父组件向子组件(props)传递数据的方法
2018/01/02 Javascript
JS从非数组对象转数组的方法小结
2018/03/26 Javascript
浅谈Postman解决token传参的问题
2018/03/31 Javascript
微信小程序如何像vue一样在动态绑定类名
2018/04/17 Javascript
微信小程序实现美团菜单
2018/06/06 Javascript
详解Python发送邮件实例
2016/01/10 Python
python制作企业邮箱的爆破脚本
2016/10/05 Python
对numpy中array和asarray的区别详解
2018/04/17 Python
把pandas转换int型为str型的方法
2019/01/29 Python
Pytorch反向求导更新网络参数的方法
2019/08/17 Python
Python如何实现自带HTTP文件传输服务
2020/07/08 Python
Python实现上下文管理器的方法
2020/08/07 Python
Python 3.9的到来到底是意味着什么
2020/10/14 Python
HTML5实现可缩放时钟代码
2017/08/28 HTML / CSS
Aosom西班牙:家具在线商店
2020/06/11 全球购物
房地产销售员的自我评价分享
2013/12/04 职场文书
运动会通讯稿100字
2014/01/31 职场文书
运动会拉拉队口号
2014/06/09 职场文书
学校党员对照检查材料
2014/08/28 职场文书
2015新教师教学工作总结
2015/07/22 职场文书
新年祝酒词大全
2015/08/11 职场文书
小学教师教学反思
2016/02/24 职场文书
Python数据分析入门之教你怎么搭建环境
2021/05/13 Python
如何利用python实现Simhash算法
2022/06/28 Python