recherche

Maison >interface Web >js tutoriel >基于Jquery的淡入淡出的特效基础练习_jquery

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

WBOY
WBOYoriginal
2016-05-16 18:14:011174parcourir

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




Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：JavaScript下利用fso判断文件是否存在的代码_javascript技巧Article suivant：jQuery ul标签下拉菜单演示代码_jquery

Articles Liés

Voir plus