cari

Rumah >hujung hadapan web >tutorial js >基于Jquery的淡入淡出的特效基础练习_jquery

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

WBOY
WBOYasal
2016-05-16 18:14:011178semak imbas

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




Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：JavaScript下利用fso判断文件是否存在的代码_javascript技巧Artikel seterusnya：jQuery ul标签下拉菜单演示代码_jquery

Artikel berkaitan

Lihat lagi