编程 Javascript

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程序设计有所帮助。

jquery果冻抖动效果实现方法

- Author -

shichen2014

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

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