圖片輪播的代碼

titlejavascript圖片輪換/title

style type="text/css"

#album{

position:relative;

width:400px;

height:300px;

border:10px solid #EFEFDA;

overflow:hidden;

}

#album dt {

margin:0;

padding:0;

width:400px;

height:300px;

overflow:hidden;

}

#album img {

border:2px solid #000;

}

#album dd {

position:absolute;

right:0px;

bottom:10px;

}

#album a {

display:block;

float:left;

margin-right:10px;

width:15px;

height:15px;

line-height:15px;

text-align:center;

text-decoration:none;

color:#808080;

background:transparent url(/jscss/demoimg/200910/o_button.gif) no-repeat -15px 0;

}

#album a:hover ,#album a.hover{

color:#F8F8F8;

background-position:0 0;

}

/styledl id="album"

dt

img id="index1" alt=余秋的黃昏" src="/jscss/demoimg/wall3.jpg" /

img id="index2" alt="美麗歐洲" src="/jscss/demoimg/wall4.jpg" /

img id="index3" alt="巨石陣的神秘" src="/jscss/demoimg/wall5.jpg" /

/dt

dd

a href="#index1"1/aa href="#index2"2/aa href="#index3"3/a

/dd

/dl

script type="text/javascript"

function imageRotater(id){

var cases = "",

album = document.getElementById(id),

images = album.getElementsByTagName("img"),

links = album.getElementsByTagName("a"),

dt = album.getElementsByTagName("dt")[0],

length = images.length,

aIndex = 1,

aBefore = length;

for(var i=0;i length;i++){

cases += images[i].id + ':"'+images[i].getAttribute("src")+'",'

}

images[0].style.cssText = "position:absolute;top:0;left:0;";//修正圖片位置錯誤

var tip = document.createElement("dd");

tip.style.cssText = "position:absolute;bottom:0;height:20px;width:380px;padding:10px;color:#fff;background:#fff;";

album.insertBefore(tip,dt.nextSibling);

if(!+"\v1"){

tip.style.color = "#369";

tip.style.filter = "alpha(opacity=67)"

}else{

tip.style.cssText += "background: rgba(164, 173, 183, .65);"

}

cases = eval("({"+cases.replace(/,$/,"")+"})");

for(var i=0;ilength;i++){

links[i].onclick = function(e){

e =e || window.event;

var index = this.toString().split("#")[1];

aIndex = index.charAt(index.length-1);//☆☆☆☆

images[0].src = cases[index];

tip.innerHTML = images[aIndex -1].getAttribute("alt");

!+"\v1" ?(e.returnValue = false) :(e.preventDefault());

}

}

var prefix = images[0].id.substr(0,images[0].id.length -1);

(function(){

setTimeout(function(){

if(aIndex length){

aIndex = 1;

}

images[0].src = cases[prefix+aIndex];

tip.innerHTML = images[aIndex -1].getAttribute("alt");

tip.style.bottom = "-40px";

links[aBefore-1].className = "";

links[aIndex-1].className = "hover";

aBefore = aIndex;

aIndex++;

move(tip);

setTimeout(arguments.callee,1500)

},1500)

})()

var move = function(el){

var begin = parseFloat(el.style.bottom),

speed = 1;

el.bottom = begin;

(function(){

setTimeout(function(){

el.style.bottom = el.bottom + speed + "px";

el.bottom += speed;

speed *= 1.5;//下一次移動的距離

if(el.bottom = 0){

el.style.bottom = "0px";

}else{

setTimeout(arguments.callee,23);

}

},25)

})()

}

}

window.onload = function(){

try{document.execCommand("BackgroundImageCache", false, true);}catch(e){};

imageRotater("album");

}

/script

java圖形界面實現(xiàn)圖片自動輪播

現(xiàn)在沒空幫你寫代碼了，給你個思路自己寫吧！輪播肯定是要切換圖片的，并且一般切換的時候是從左到右或從右到左慢慢切的，所以你定義一個圖片地址數(shù)組，再定義兩個jlabel用來顯示圖片，一個JLabel顯示當(dāng)前圖片，另一個顯示最新圖片！好了，現(xiàn)在你定義一個timer定時器來切換，每隔兩秒，就判斷一下最新的圖片是哪個jlabel，然后將另一個jlabel填充新的圖片，然后setlocation()來移動圖片，x坐標(biāo)每次向左幾個像素，直至移動完成！這樣就是一次輪播，當(dāng)然你需要將兩個jlabel放到一個panel中，免得會出現(xiàn)第二個圖片多出一截在慢慢移動的情況

java窗體飛機大戰(zhàn)兩張背景圖片滾動循環(huán)如何實現(xiàn)，代碼

package Task1;

//首先要調(diào)用需要的包

import java.awt.*;

import java.awt.event.*;

import javax.swing.*;

public class myFrame extends Frame //窗體類，繼承Frame

{

CardLayout cl=new CardLayout(); //定義卡片布局

public void initial() //創(chuàng)建一個窗體

{

this.setBounds(500, 300, 300, 200); //窗體的大小和坐標(biāo)

this.setTitle("圖片自動瀏覽"); //窗體主題

this.setLayout(cl); //窗體采用的布局方式，上面已經(jīng)定義了卡片布局，所以這里直接調(diào)用即可

this.setVisible(true); //顯示窗體

JButton[] jbtn=new JButton[4]; //創(chuàng)建添加圖片的數(shù)組，有幾張圖，數(shù)據(jù)成員就有幾個

for(int i=0;i4;i++) //我這里是用循環(huán)來添加圖片，所以上面要創(chuàng)建數(shù)組，當(dāng)然分開一個一個的添加圖片也是可以的

{

jbtn[i]=new JButton();

jbtn[i].setIcon(new ImageIcon("c://"+i+".jpg")); //這是所要添加圖片的地址

this.add(jbtn[i],i+""); //顯示

}

while(true) //關(guān)鍵的時候到了，如何讓圖片滾動循環(huán)，我這里是用了while循環(huán)來寫的

{

cl.next(this); //圖片的切換，下一張

try{Thread.sleep(3000);} //切換的間隔時間為3秒，也就是3000毫秒

catch(Exception e){}

}

}

public myFrame() //這是固定方法，窗體程序必須寫，少了它整個程序完蛋，所以不多做解釋

{

initial();

}

}

public class Test { //Test類，我這里是專門寫主函數(shù)的

public static void main(String[] args) //主函數(shù)main

{

myFrame mf=new myFrame(); //實例化調(diào)用窗體類myFrame

}

}

ok，完成。程序復(fù)制過去以后可能會報錯，并不是我寫錯了，我的有些包名或者類名還有大括號可能與你的不符合，你需要把細(xì)節(jié)方面的東西再做調(diào)試一下，然后在運行。

望采納