首頁 >web前端 >js教程 >基于Jquery的淡入淡出的特效基础练习_jquery

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

WBOY
WBOY原創
2016-05-16 18:14:011181瀏覽

今天练习了个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