recherche

Maison >interface Web >js tutoriel >jquery实现图片渐变切换兼容ie6/Chrome/Firefox_jquery

jquery实现图片渐变切换兼容ie6/Chrome/Firefox_jquery

WBOY
WBOYoriginal
2016-05-16 17:27:02928parcourir
复制代码 代码如下:






jQuery图片渐变切换





  • jquery实现图片渐变切换兼容ie6/Chrome/Firefox_jquery

  • jquery实现图片渐变切换兼容ie6/Chrome/Firefox_jquery

  • jquery实现图片渐变切换兼容ie6/Chrome/Firefox_jquery

  • jquery实现图片渐变切换兼容ie6/Chrome/Firefox_jquery



<script> <BR>var switchSpeed = 1000; //图片切换时间 <BR>var fadeSpeed = 1500; //渐变时间 <BR>setInterval(function(){ <BR>$('img').last().fadeOut(fadeSpeed, function(){ <BR>$(this).show().parent().prependTo($('ul')); <BR>}); <BR>}, switchSpeed); <BR></script>



效果预览：http://quchen.cau.edu.cn/jsDev/gradien.html
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：jQuery function的正确书写方法_jqueryArticle suivant：jquery 层次选择器siblings与nextAll的区别介绍_jquery

Articles Liés

Voir plus