首页  >  文章  >  web前端  >  基于Jquery的淡入淡出的特效基础练习_jquery

基于Jquery的淡入淡出的特效基础练习_jquery

WBOY
WBOY原创
2016-05-16 18:14:011145浏览

今天练习了个Jquery淡入淡出的特性代码如下:

复制代码 代码如下:





无标题文档


<script> <BR>$(document).ready(function(){ <BR>$("#gallery2 a").append("<span>"); <BR>$("#gallery2 a").hover(function(){ <BR>$(this).children("span").fadeIn(600); <BR>},function(){ <BR>$(this).children("span").fadeOut(200); <BR>}); <BR>}); <BR></script>



CSS solution












jQuery solution












用到的图片:
一个淡入淡出小例子:
复制代码 代码如下:




context
context
context
context




声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn