jquery果冻抖动效果实现方法
更新时间：2015年01月15日 11:38:51 投稿：shichen2014
这篇文章主要介绍了jquery果冻抖动效果实现方法,涉及animate方法的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下
本文实例讲述了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程序设计有所帮助。
相关文章
我们在做网站的时候经常会遇到这样的问题：一个页面有大量的图片导致页面加载速度缓慢，经常会出现一个白页用户体验很不好。那么如何解决这个问题呢？下面我来介绍一种在实际应用中经常会使用到的js预加载的方法。2015-04-04
这篇文章主要介绍了jQuery中DOM操作原则,结合实例形式分析了jQuery针对dom元素操作的四种常见原则,需要的朋友可以参考下2019-08-08
这篇文章主要介绍了jQuery实现的手风琴侧边菜单效果,涉及jQuery事件响应及元素属性动态操作相关实现技巧,需要的朋友可以参考下2017-03-03
在JS中将JSON的字符串解析成JSON数据格式，一般有两种方式：使用eval()函数、使用Function对象来进行返回解析，下面有个示例，感兴趣的朋友可以参考下2013-08-08
这篇文章主要介绍了jQuery对象与DOM对象的转换方法,结合实例形式分析了jQuery对象及DOM对象的作用与二者的相互转换技巧,需要的朋友可以参考下2016-05-05
jQuery模拟完美实现经典FLASH导航动画效果【附demo源码下载】
这篇文章主要介绍了jQuery模拟完美实现经典FLASH导航动画效果,通过jQuery响应鼠标事件动态操作页面元素样式实现flash切换的效果,非常经典实用,文末还提供了demo源码供读者下载学习或使用,需要的朋友可以参考下2016-11-11
利用jQuery的deferred对象实现异步按顺序加载JS文件
如果你现在对jQuery中的deferred还不了解,jQuery的deferred对象详解一文接下来介绍deferred对象如何实现异步顺序加载JS文件，感兴趣的你可以参考下哈2013-03-03
本文主要分享了用jQuery插件jquery.raty.js实现星星评价功能：后台传数据，前台显示星星个数的具体方法。有很好的参考价值，需要的朋友一起来看下吧2016-12-12
使用jquery.qrcode.min.js实现中文转化二维码
本文给大家介绍的是一款jQuery的插件jquery.qrcode.min.js，其主要功能是可以生成二维码，而且可以完美支持中文，下面就给小伙伴们介绍下他的用法2016-03-03
这篇文章主要介绍了jQuery中wrapInner()方法用法,实例分析了wrapInner()方法的功能、定义及包裹匹配元素的使用技巧,需要的朋友可以参考下2015-01-01
最新评论