请选择邮箱类型
插件描述：jQuery不同树叶掉落特效代码，点击“添加更多树叶按钮”可以在顶部添加叠加更多的树叶，点击树叶会立刻掉落，兼容IE9-10，Chrome，Safari，Firefox等浏览器
jQuery不同树叶掉落特效代码，点击“添加更多树叶按钮”可以在顶部添加叠加更多的树叶，点击树叶会立刻掉落，兼容IE9-10，Chrome，Safari，Firefox等浏览器
将index.html文件中代码区域的内容复制到您的文件中，并且修改css以及js的路径，即可使用！
相关插件-动画效果
讨论这个项目（1）回答他人问题或分享插件使用方法奖励jQ币
效果非常真实，帅哦。
so beautiful！！！
nice 啊 ！
太神奇了，赞
树下的男孩0
代码藏在jq里面好玩吗
PROMULGATOR
关注作者 (73)
收藏此插件 (14)
我当前jQ币余额：正在获取..
已下载次数：2116
所需jQ币：0jquery 怎么让背景渐现_百度知道
jquery 怎么让背景渐现
首先要将一个效果分解成单一步骤：既然是鼠标移上去的时候,说明这有一个hover或类似的触发事件。调整的是背景,就是要给元素添加背景图了,有多种语法可实现。例如：$(&#a&).attr(&background&,&url(abc.jpg) left top no-repeat&);渐现是用fadeIn()方法：OK,这样就把效果都分析出来了,我就写一种吧,你若明白了就可以一举得三了,我假设首页是一个按钮,当鼠标移上去显示按钮的背景,移走后就恢复原来状态:***A:这是简单的移上加图,移走去图的方法***$(&input&).hover(function(){
$(this).attr(&background&,&url(url(abc.jpg) left top no-repeat)&);},function(){
$(this).attr(&background&,&&);});***B:这是调用已经写好的背景样式并渐入和渐出***$(&input&).hover(function(){
$(this).addClass(&.input&).fadeIn();},function(){
$(this).removeClass(&.input&).fadeOut();});
其他类似问题
70人觉得有用
为您推荐：
提问者采纳
p>你首先要将一个效果分解成单一步骤;&nbsp.input&;$(this),就是要给元素添加背景图了;background&quot.addClass(&quot,&),&url(url(abc,function(){& &&;,我假设首页是一个按钮;background&quot.jpg) left top no-repeat&);background&quot,removeClass.hover(function(){& &***B,移走去图的方法***$(&input&如果你没看明白hover,有多种语法可实现例如; $(this);渐现是用fadeIn()方法OK;}),你若明白了就可以一举得三了.input&; $(this),function(){&nbsp,这样就把效果都分析出来了;&nbsp.jpg) left top no-repeat)&quot:$(&quot,&quot:既然是鼠标移上去的时候;);&),当鼠标移上去显示按钮的背景.fadeIn();;);$(this):这是调用已经写好的背景样式并渐入和渐出***$(&quot,移走后就恢复原来状态.attr(&quot.hover(function(){&nbsp,addClass:***A;);});};}:这是简单的移上加图.fadeOut(););input&quot.attr(&&nbsp.removeClass(&quot.attr(&&&quot,说明这有一个hover或类似的触发事件调整的是背景;#a&);url(abc,我就写一种吧
您好。$(&input&).hover(function(){
$(this).addClass(&.input&).fadeIn();},function(){
$(this).removeClass(&.input&).fadeOut();});如果用这个的话，那么首页那两个字也会不见的。怎么才能让首页那两个字一直在，就只有背景会变呢。
呵呵，我只是举个例子而已，我这个例子是让按钮添加.input样式并渐引渐出，明白这个道理后，你现在只想隐藏背景图片，那就把选择器选择到背景图片不就好了$(&&)这个写法就是选择器，我的例子里是写input，说明我选择了按钮，你呢...明白了吧
那背景图片和文字不就不能在同个标签了。比如 &li&首页&span&&/span&&/li& 只能这样了？
jquery选择器，可以同时控制多个元素的，例如$(&.input,span&)这样就控制了按钮和span，你必须先清楚语法再进行操作，不然，你的问题只会有增无减
不是，我是说“只能用SPAN元素做背景，然后渐现。而不能直接用li元素是吧？如果用li做渐现那么首页也会跟着变没了。”&li&首页&/li&我就是想问，首页两个字不动，而li的背景色会渐现出来。
是的，因为你控制的是li元素，而首页二字是被包含着，所以首页二字也会不见掉，但你只是想控制背景而已，所以根本没必要控制li元素，而是应该控制li的背景元素，这样就跟字无关了，首页就会乖乖的呆在那了
提问者评价
毕竟你得知道怎么覆盖这个层上去还得让首页这几个字显示出来;但可以通过jquery的easing插件来实现,其实变通一下也可以实现.你可以在首页上再覆盖一个div一类的层.但是这个方法需要一定的css基础;)如果用原装jquery的话,直接用jquery的fade方法控制这个层的显示和隐藏一样能达到你想要的效果;如果是控制页面元素的显示和隐藏如果是控制背景颜色的和背景图片的渐隐和渐现,使用的效果是渐隐和渐现,具体自行百度,那么很遗憾的告诉你,不带任何插件的原装jquery是没法办到的,用它来做背景;提示,jquery可以,fadeIn和fadeOut方法(可能拼错了,具体用法自行百度
jquery的相关知识
其他1条回答
很简单jquery动画修改透明度即可。
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁前端编程提高之旅 jQuery常见特效_百度文库
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
前端编程提高之旅 jQuery常见特效
上传于||文档简介
&&前​端​编​程​提​高​之​旅​ ​j​Q​u​e​r​y​常​见​特​效
阅读已结束，如果下载本文需要使用0下载券
想免费下载更多文档？
下载文档到电脑，查找使用更方便
还剩13页未读，继续阅读
你可能喜欢> jQuery轮播幻灯片代码 带淡入淡出渐变特效
jQuery轮播幻灯片代码 带淡入淡出渐变特效
简洁版的jQuery轮播代码，带有淡入淡出的渐变过场特效，幻灯片尺寸495x431像素，代码比较简单，可以自由修改幻灯片尺寸。
基于jquery超级酷的多图轮播幻灯代码，支持多达30种不同的幻灯过渡效果，可设置全屏显示幻灯图，有多种不同的幻灯导航样式选择，超多选项可...
基于jquery的幻灯轮播特效代码，带有幻灯图预载提示，左右箭头和焦点按钮切换幻灯图片，设计简洁功能实用，适合做网页的焦点展示或产品大图...
这是一款很有特色的jquery幻灯片轮播特效代码，采用左右箭头翻页式控制幻灯图片播放，以向前放大图片的立体特效切换幻灯图片，幻灯大图尺寸...
基于jquery的三屏焦点幻灯片轮播代码，带有动态效果的缩略小图预览和文字标题显示，幻灯图尺寸：930x300像素，可以自行修改成其它规格的尺寸。
带左右箭头的一款jquery滑动式宽屏幻灯片轮播代码，支持多图轮播，前后幻灯图重叠显示，效果不错，不过幻灯大图不支持自适应屏幕大小，有点...
简单实用的五屏jquery焦点幻灯片轮播特效代码推荐，支持图片标题显示，代码简洁易用，幻灯图尺寸为725x391像素。
漂亮的一款jquery焦点幻灯片轮播特效代码，支持960x272宽屏尺寸，可自定义设置多张幻灯图片或调整幻灯图的尺寸，代码简单，灵活性较好，很...
漂亮实用的一款jquery焦点幻灯片特效代码，支持多图淡入淡出幻灯轮播，幻灯尺寸为680x290像素，可以自行设置幻灯图大小，比较好用。
基于jquery的一款拼图式滑动轮播幻灯片代码，支持多张幻灯图拼合显示，左右滑动轮播效果，视觉效果很特别。使用时需依次引入css文件和jquer...
五屏轮播的一款jQuery焦点幻灯特效代码，以淡入淡出切换幻灯图，兼容IE7/8/9及主流浏览器，幻灯图尺寸为像素，做网站首页幻灯视觉...
漂亮实用的一款宽屏jQuery焦点幻灯片推荐，支持六屏轮播显示，右侧带有幻灯缩略图及标题，兼容IE6/7/8/9及主流浏览器，推荐下载试用！
基于jQuery幻灯片渐变轮播代码，支持自适应宽屏显示，可设置每张幻灯图不同的背景图，效果很不错。
基于jQuery的一款旋转幻灯片特效代码，类似于旋转木马样式，带左右箭头轮播控制，支持鼠标划过图片显示标题，推荐下载！
基于jQuery框架的上下滑动轮播幻灯片特效代码，支持自动满屏显示，带有上下箭头控制条，可上下滑动轮播显示，效果不错。兼容IE 6/7/8/9及...
简单实用的一款jquery广告幻灯轮播特效推荐，左下角带有左右箭头控制幻灯图轮播，支持设置多张广告幻灯图，兼容IE8、360、FireFox、Chrome...
非常漂亮精美的一款jQuery广告幻灯轮播特效，右侧带有幻灯标题和文字简要，支持滚动条下拉显示更多的广告幻灯，幻灯图尺寸为700x280像素，...
简洁版的jquery焦点幻灯特效代码 ，支持多图左右滑动轮播显示，设有方块导航按钮在左上角，兼容IE6/7/8/9及主流浏览器，推荐下载参考学习。
基于jquery的一款网站频道推荐焦点幻灯片特效代码，支持10屏轮播显示，效果简洁漂亮，幻灯图尺寸为588x298像素，适合做网站首页焦点推荐。
支持响应式设计的jQuery焦点幻灯轮播特效代码，可以自适应屏幕大小，两边自动缩放。幻灯图下方带缩略小图预览，可以设置多张幻灯图左右滑动...
很漂亮的一款jQuery焦点幻灯片轮换代码，支持左右滑动切换幻灯图，可设置自定义多张幻灯图轮播，代码简单实用，适合在企业网站首页焦点推荐...
jQuery幻灯
jQuery幻灯
jQuery幻灯
jQuery幻灯jQuery实现两张图片渐入渐出交替展示效果
作者:jqueryfordesigners
jQuery实现两张图片渐入渐出交替展示效果，鼠标滑过图片，图片渐入渐出展示另外一张图片，实现两张图片的无缝切换。
下载"jQuery实现两张图片渐入渐出交替展示效果"
您可能还关注以下内容：
点击：9196&&&&
点击：9396&&&&
点击：8874&&&&
点击：8827&&&&
点击：8252&&&&
点击：3489&&&&
点击：6675&&&&
点击：6341&&&&
点击：6510&&&&
点击：46226&&&&
点击：22516&&&&
点击：22107&&&&
点击：22190&&&&
点击：20274&&&&
点击：19099&&&&
点击：19716&&&&
点击：18694&&&&
点击：19711&&&&
合作网站：}