`
jasonw68
  • 浏览: 154248 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

jquery 擦除效果

 
阅读更多

jquery 擦除效果
$(document).ready(function(){
	
	//Fix Errors - http://www.learningjquery.com/2009/01/quick-tip-prevent-animation-queue-buildup/
	
	//Remove outline from links
	$("a").click(function(){
		$(this).blur();
	});
	
	//When mouse rolls over
	$("li").mouseover(function(){
		$(this).stop().animate({height:'150px'},{queue:false, duration:600, easing: 'easeOutBounce'})
	});
	
	//When mouse is removed
	$("li").mouseout(function(){
		$(this).stop().animate({height:'50px'},{queue:false, duration:600, easing: 'easeOutBounce'})
	});
	
});
 
分享到:
评论

相关推荐

    jquery橡皮擦工具图像擦除效果代码.zip

    在本文中,我们将深入探讨如何使用jQuery和一个名为jquery.eraser.js的插件来创建一个具有图像擦除效果的工具。这个工具模仿了Photoshop中的橡皮擦功能,允许用户在HTML5 Canvas元素上擦除指定部分的图像。这个项目...

    jQuery横向擦除焦点图代码

    **jQuery横向擦除焦点图代码**是一种常见的网页动态效果,用于展示一组图片或内容,并以滑动、擦除等方式切换,提升用户体验,增加网站的视觉吸引力。这种效果通常应用于产品展示、轮播广告或者网站头部的焦点区域。...

    js特效脚本含源码和说明迅雷jQuery横向擦除焦点图代码

    jquery,js特效脚本含源码和说明迅雷jQuery横向擦除焦点图代码

    jquery橡皮擦工具图像擦除效果代码

    在本文中,我们将深入探讨如何使用jQuery和HTML5 Canvas API创建一个图像橡皮擦工具,以实现类似Photoshop的擦除效果。这个工具基于jQuery Eraser JS插件,它允许用户在网页上交互式地擦除图像的部分区域,提供了一...

    迅雷jQuery横向擦除焦点图.zip

    【迅雷jQuery横向擦除焦点图】是一款基于jQuery库实现的动态效果,它在网页上创建了一种引人注目的图像展示方式。这种焦点图通常用于网站的首页或产品展示区域,通过平滑的横向往返动画吸引用户的注意力,同时提供多...

    jQuery.eraser-实现橡皮擦擦除功能的jquery插件

    总的来说,`jQuery.eraser`插件是基于`jQuery`库构建的,利用`canvas`元素实现了擦除效果,通过监听用户交互事件并更新画布状态,为网页开发带来了更多的创意可能。在实际项目中,结合`index.html`和`readme.html`中...

    jQuery实现的类似刮刮乐的图片刮奖擦除效果插件jquery.scratchie.js.zip

    《jQuery实现刮刮乐效果详解——以jquery.scratchie.js插件为例》 在Web开发中,为了增加用户的互动体验,经常会用到各种特效。其中,“刮刮乐”这种模拟真实世界彩票刮开涂层的效果尤为受欢迎。jQuery作为一款强大...

    jQuery擦除插件eraser使用方法详解

    **jQuery擦除插件eraser使用方法详解** jQuery.eraser是一个基于jQuery的插件,它的功能独特且有趣,能够模拟橡皮擦效果,让用户在网页上的图片上进行擦除操作,显示隐藏在下方的图像。这个插件适用于那些希望在...

    网页模板——jQuery实现的类似刮刮乐的图片刮奖擦除效果插件jquery.scratchie.js.zip

    在`jquery.scratchie.js`中,它利用jQuery的高效API来监听用户交互,处理擦除效果。 2. **插件结构**:jQuery插件通常包含一个函数,该函数接收DOM元素作为参数,并扩展jQuery对象。`jquery.scratchie.js`内部可能...

    jQuery手机端刮奖效果代码.zip

    而“jQuery手机端刮奖效果代码”是一个专门为移动设备设计的交互式功能,通常用于创建类似实物刮刮乐的数字体验,给用户带来趣味性与互动性。 该代码的核心是`jquery.eraser.js`插件,这是一个专门用于实现刮奖效果...

    jquery.scratchie.js实现图片刮奖擦除特效

    《使用jQuery.scratchie.js实现图片刮奖擦除特效详解》 在Web开发领域,为了增加用户互动性和趣味性,一种常见的技术应用是实现刮奖擦除特效。本文将深入探讨如何利用jQuery库中的jquery.scratchie.js插件来创建...

    迅雷jQuery 7屏横向擦除焦点图有缩略图和标题.zip

    该压缩包文件“迅雷jQuery 7屏横向擦除焦点图有缩略图和标题.zip”包含一个前端代码实现的项目,主要展示了如何利用jQuery库创建一个具有7个屏幕宽度的横向滚动焦点图,该图在切换时带有擦除效果,并且提供了缩略图...

    jquery橡皮擦工具图像擦除效果特效代码

    **jQuery橡皮擦工具图像擦除效果特效代码详解** 在网页开发中,有时我们需要实现一些交互性强、用户体验良好的特效,比如图像擦除功能。这里我们关注的是基于jQuery库的橡皮擦工具,它能实现2D画布上的图像擦除效果...

    jQuery横向擦除焦点图特效代码分享

    在这个实例中,jQuery被用来处理页面上的元素交互,实现图片的动态擦除效果。 2. **CSS样式**:`<link rel="stylesheet" href="css/zzsc.css">`引入了一个外部CSS文件,其中包含了对焦点图布局、动画效果、颜色和...

    jQuery 7屏横向擦除焦点图代码,有缩略图和标题,兼容主流浏览器

    **jQuery 7屏横向擦除焦点图代码**是一种在网页设计中常见的动态效果,用于展示多张图片或内容,提供良好的用户体验。这个代码实现了一种平滑的过渡效果,通过"横向擦除"的方式切换不同的屏幕,同时配备了缩略图导航...

Global site tag (gtag.js) - Google Analytics