建站
咨詢
售后
建站咨詢
新聞中心
網(wǎng)頁設(shè)計中怎樣設(shè)置圖片自動切換？要給個看得懂的代碼，只要能夠用的HTML. Java 都可以，還要
輪播圖自動切換嗎？
站在用戶的角度思考問題，與客戶深入溝通，找到云縣網(wǎng)站設(shè)計與云縣網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗，讓設(shè)計與互聯(lián)網(wǎng)技術(shù)結(jié)合，創(chuàng)造個性化、用戶體驗好的作品，建站類型包括：網(wǎng)站制作、網(wǎng)站設(shè)計、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣、域名與空間、網(wǎng)絡(luò)空間、企業(yè)郵箱。業(yè)務(wù)覆蓋云縣地區(qū)。
script language =javascript
var curIndex=0;
//時間間隔 單位毫秒
var timeInterval=1000;
var arr=new Array();
arr[0]="1.jpg";
arr[1]="2.jpg";
arr[2]="3.jpg";
arr[3]="4.jpg";
arr[4]="5.jpg";
arr[5]="6.jpg";
arr[6]="7.jpg";
setInterval(changeImg,timeInterval);
function changeImg()
{
var obj=document.getElementById("obj");
if (curIndex==arr.length-1)
{
curIndex=0;
}
else
{
curIndex+=1;
}
obj.src=arr[curIndex];
}
/script
img id=obj src ="1.jpg" border =0 /
這樣能看懂嗎？
自己設(shè)置每張圖片切換的時間間隔，自己設(shè)置每張圖片的路徑，絕對、相對路徑都可以。
求制作一圖片輪播代碼
試試這個圖片輪播
有12345數(shù)字一起切換
鼠標點一下數(shù)字會變換到另一張圖片，不點就會自動換
里面有教程和源碼
java圖形界面實現(xiàn)圖片自動輪播
現(xiàn)在沒空幫你寫代碼了，給你個思路自己寫吧！輪播肯定是要切換圖片的，并且一般切換的時候是從左到右或從右到左慢慢切的，所以你定義一個圖片地址數(shù)組，再定義兩個jlabel用來顯示圖片，一個JLabel顯示當(dāng)前圖片，另一個顯示最新圖片！好了，現(xiàn)在你定義一個timer定時器來切換，每隔兩秒，就判斷一下最新的圖片是哪個jlabel，然后將另一個jlabel填充新的圖片，然后setlocation()來移動圖片，x坐標每次向左幾個像素，直至移動完成！這樣就是一次輪播，當(dāng)然你需要將兩個jlabel放到一個panel中，免得會出現(xiàn)第二個圖片多出一截在慢慢移動的情況
java script 求一段代碼解釋
最后一個參數(shù)表示時間，3000代表3秒，比如說你設(shè)置成1000就是1秒，時間越大，速度越慢
有一段輪播特效代碼，求大神詳細解釋，逐字逐句的，不勝感激
function caroAnimate(imgNum) // 定義函數(shù)，參數(shù)是imgNum，表示圖片數(shù)量
{
var currNav = 0; //定義變量，初始為0，表示當(dāng)前圖片是所有圖片中的第幾張。
var timer = "";// 切換時間，
var caroWidth = 320;//定義輪播圖片的寬度
var imgArea = $("#adveCaro");///獲取輪播圖片所在的父級元素
var navArr = $("#nav_adveCaro").find("li");// 查找li元素，統(tǒng)計有多少張圖片
var delay = 5000;//延遲切換時間。5秒切換一次
var aniSpeed = 500;//動畫時間。也就是0.5秒就切換完成
loopImg(); //調(diào)用looImg函數(shù)，這里表示開始切換
startTimer(); // 設(shè)置動畫切換時間
bindNavClick(); //調(diào)用用戶點擊事件，也就是用戶點擊哪張，就切換到哪張。
function loopImg(){//定義函數(shù)
imgArea.append(imgArea.children(":first").clone());///將列表中的第一張圖片克隆，并附加到前面定義的父級元素下。
}
function bindNavClick(){///定義點擊事件函數(shù)
navArr.click(function(){ ///點擊事件
var nav = navArr.index($(this));///設(shè)置當(dāng)前點擊的序號，保存到nav這個變量里。
if(currNav != nav){
animate(nav);//判斷，如果點擊的位置不是上次點擊的，就開始切換
}
});
}
function startTimer(){//設(shè)置動畫切換函數(shù)
timer = setInterval(autoAnimate, delay);//表示每隔多長時間執(zhí)行autoAnimate這個函數(shù)，也就是實現(xiàn)自動播放
}
function restartTimer(){//設(shè)置重新開始時間段，也就是設(shè)置，當(dāng)播放到最后的時候，又重新來過
clearInterval(timer);//清除時間
startTimer();//重新設(shè)置時間
}
function autoAnimate(){//動事切換主函數(shù)
if(currNav == 0){
imgArea.css("margin-left","0px");//判斷，如果是第一張，則設(shè)置圖片顯示區(qū)域左邊距為0px
}
currNav++;//播放序號自加1，也就是每執(zhí)行這個函數(shù)，就自動加1，相當(dāng)于currNav=currNav+1
imgArea.animate({"margin-left":caroWidth*(-currNav)}, aniSpeed);//以動畫的形式，aniSpeed秒后，將左邊距設(shè)置父元素的寬度再減去當(dāng)前的序號。
if(currNav = imgNum){
currNav = 0;//判斷當(dāng)前位置，currNavimgNum表示，已經(jīng)到最后了，重新設(shè)置開始位置為0
}
changNav(currNav);//調(diào)用函數(shù)，根據(jù)上下文，這個功能應(yīng)該是切換樣式用的
}
function animate(nav){
imgArea.stop().animate({"margin-left":caroWidth*(-nav)}, aniSpeed);//這是定義停止動畫時執(zhí)行的特效，和面播放動畫時的特效是一樣的。
currNav = nav;//設(shè)置當(dāng)前位置
changNav(nav);//改變樣式
restartTimer();///重置時間
}
function changNav(nav){//該函數(shù)是切換樣式用的
navArr.removeClass("ui-feedback");//首先將所有的圖片區(qū)域樣式清除
navArr.eq(nav).addClass("ui-feedback");//再給當(dāng)前的圖片區(qū)域加個樣式
}
}
新聞標題：自動輪播java代碼 輪播js代碼
鏈接URL：http://fisionsoft.com.cn/article/hgesec.html
