我這個輪播圖是用jq的數組來做的，但是切換效果時我想要的是前一個圖片淡出然后后一個圖片淡入，可我這樣的方法只能先切換圖片然后再淡出淡入一下后面的切換的那一個圖片（對只是一張圖淡入淡出）不知道要怎么弄啊，還有我這計時器要自動輪播可是點進去后并不會 但是點解右邊的按鈕的時候 圖片就自動輪播了 然后移入圖片才會停止計時器 然后接下來又把鼠標移出圖片才會不點擊按鈕才會自動播放啊 然而我要移出圖片范圍自動輪播該怎么搞啊$(function (){? $("ul.xialadaohang li.beijin").mouseenter(function(){? ? $(this).find("div.beij").stop(false, true).fadeIn(500);});? $("ul.xialadaohang li.beijin").mouseleave(function(){? ? $(this).find("div.beij").stop(false, true).fadeOut(500);//stop防止快速多次劃過div 在還沒執行一個動畫連續重復執行動畫});? $(".touxiang:first").mouseenter(function(){? $(this).stop(false, true).animate({top:"-1px"},300);? })? $(".touxiang:first").mouseleave(function(){? $(this).stop(false, true).animate({top:"10px"},300);? })? ? ? ?var imgs = new Array("img/1.jpg","img/2.jpg","img/4.jpg","img/3.jpg");? ? ?var img = $("#imgli img");? ? ?var next = $("#next");? ? ?var prev = $("#prev");? ? ?var timer;? ? ?var i =0;? ? ?img.attr("src",imgs[i]);? ? ?next.click(function(){? ? ? ? if(i==3)? ? ? ? {? ? ? ? ? ?i=0;? ? ? ? }? ? ? ? else {? ? ? ? ? ?i++;? ? ? ? }? ? ? ??? ? ? ? img.fadeTo("slow",0.3).fadeTo("slow",1).attr("src",imgs[i]);? ? ?})? ? ?prev.click(function(){? ? ? ? if(i==0)? ? ? ? {? ? ? ? ? ?i=3;? ? ? ? }? ? ? ? else {? ? ? ? ? ?i--;? ? ? ? }? ? ? ??? ? ? ? img.fadeTo("slow",0.3).fadeTo("slow",1).attr("src",imgs[i]);? ? ?})? ? ?function play(){? ? ? ? ? ? ? ?timer = setInterval(function(){? ? ? ? ? ? ? ? ?next.click();? ? ? ? ? ? ? ?},3000);? ? ? ? ? ? }? ? function stop(){? ? ? ? ? ? ? ?clearInterval(timer);? ? ? ? }? ??? ? img.mouseout(function(){? ? ? ? ?play();? ? })? ? img.mouseover(function(){? ? ? ? ?stop();? ? })<!DOCTYPE html><html><head>? ? <meta charset="utf-8"> <title>涂的簡歷</title> <link rel="stylesheet" type="text/css" href="yangshi.css"> <script type="text/javascript" src="js/jquery-3.1.1.js"></script> <script type="text/javascript" src="jiaoben.js"></script></head><body>? <div id="main"> <div id="daohang"><!--整體導航欄--> ?<div class="daohangzuo"><!--導航欄左部頭像及標題--> <div class="touxiang"><img style="visibility: visible;" src="img/5.jpg" height="60" width="60"></div> <!--先將頭像用visiblility隱藏 然后同理將圖片顯示--> <div class="webname"> <div class="name" style="border-bottom: 2px solid black; width: 80px;height: 30px; position: relative;left: 10px"><!--將邊框右移10px--><strong style="font-size: 20px">Tu</strong></div> <div class="name">個人簡歷</div> </div> ?</div> ?<div class="daohangyou"><!--導航欄右部連接--> ? <ul class="xialadaohang"> ? <li class="beijin"><a class="daohanglianjie" href="">首頁</a><div class="beij"><!--鏈接劃過顯示的背景--></div></li> ? <li class="beijin"><a class="daohanglianjie" href="">作品</a><div class="beij"></div></li> ? <li class="beijin"><a class="daohanglianjie" href="">關于</a><div class="beij"></div></li> ? </ul> ?</div> </div> <div id="lunbo"> ? <div id="imgli"> ? <img src="" width="100%" height="950" > ? </div> ? <a href="javascript:;" id="prev" class="arrow"><</a>? ? ? ?<a href="javascript:;" id="next" class="arrow">></a> </div>? </div></body></html>??? ? })
請問我這樣用jq寫的輪播圖 淡入淡出的切換效果為什么沒用啊 而且自動輪播也有問題
無節操司機
2017-02-19 20:17:43