编程 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 相关文章推荐

十个优秀的Ajax/Javascript实例网站收集

Mar 31 Javascript

基于jquery的商品展示放大镜

Aug 07 Javascript

javascript判断ie浏览器6/7版本加载不同样式表的实现代码

Dec 26 Javascript

jquery实现更改表格行顺序示例

Apr 30 Javascript

jquery css 设置table的奇偶行背景色示例

Jun 03 Javascript

加载列表时jquery获取ul中第一个li的属性

Nov 02 Javascript

JavaScript获取两个数组交集的方法

Jun 09 Javascript

移除AngularJS下URL中的#字符的方法

Jun 19 Javascript

JS实现自动阅读单词(有道单词本添加功能)

Nov 14 Javascript

从零开始学习Node.js系列教程一：http get和post用法分析

Apr 13 Javascript

微信小程序全局变量改变监听的实现方法

Jul 15 Javascript

JavaScript实现抖音罗盘时钟

Oct 11 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