導航:首頁 > 編程語言 > java圖片切換

java圖片切換

發布時間:2024-10-11 16:35:03

⑴ 怎麼讓圖片在網頁里自動播放

那是一個java的圖片切換代碼,您可以在那些網頁的原代碼裡面找到。
一般循環的圖片不超過五張。當然超過是可以的只是要一行一行去寫,比較麻煩。代碼就不帖了,如果沒有從網站裡面拷貝出來,也可以加我的QQ來找我。

⑵ 關於菜鳥的javascript.... 我自學了javascript,懂了一點點 今天自己上網看了一些圖片切換的特效

額 給你講講思路吧:
1、首先用html寫出圖片標簽img和展示圖片的區域div
2、為每張圖片注冊事件偵聽器mouseover,當滑鼠移動到該圖片時,觸發事件偵聽器(也就是相應的js函數),獲得圖片的地址,然後將展示區域的 img.src修改成當前獲得的地址即可。
剩下的就是實現了。。。寫了個 你看看,要運行,把裡面的圖片,換成你電腦里的就行了
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
</head>
<style>
#showImg{
width:200px;
height:200px;
border:#000000 1px solid;
}
</style>
<body>
<div id="imgs">
<img src="png-0001.png" />
<img src="png-0002.png" />
<img src="png-0003.png" />
<img src="png-0004.png" />
</div>
<div id="showDiv">
<img id='showImg' src="png-0001.png" />
</div>
</body>
<script language="javascript">
function initImg()
{
var imgs=document.getElementById('imgs').getElementsByTagName('img');//返回一個img集合的數組
for(var i=0;i<imgs.length;i++)
{
var path=imgs[i].src;//獲得圖片路徑
show(imgs[i],path);
}
}
function show(img,path)
{
var imgObject=new Image();
imgObject.src=path;
var showImg=document.getElementById('showImg');
if(img.addEventListener)//w3c標准 添加事件偵聽器(事件觸發函數)方式
{
img.addEventListener('mouseover',function(){showImg.src=imgObject.src;},false);
}
else //IE添加事件偵聽器(事件觸發函數)方式
{
img.attachEvent('onmouseover',function(){showImg.src=imgObject.src;});
}
}
window.onload=initImg;
</script>
</html>

⑶ 在網頁中圖片切換時如何達到向PPT幻燈片中的各種切換效果啊

簡單的用java腳本做,復雜的就得flash了

<table width="806" border="0" align="center" cellpadding="0" cellspacing="0" dwtype="CopyTableCell">
<tr background="../images/banner0.jpg">
<td height="52" colspan="2" align="center" valign="top" background="../images/gg1.jpg"><script language="JavaScript1.2" type="text/javascript">

var slideshow_width='806px'
var slideshow_height='216px'
var pause=2000

var fadeimages=new Array()
fadeimages[0]="images/banner2.jpg"
fadeimages[1]="images/banner1.jpg"
fadeimages[2]="images/banner3.jpg"

//// < Shafeeq > /////////////

var preloadedimages=new Array()
for (p=0;p<fadeimages.length;p++){
preloadedimages[p]=new Image()
preloadedimages[p].src=fadeimages[p]
}

var ie4=document.all
var dom=document.getElementById

if (ie4||dom)
document.write('<div style="position:relative;width:'+slideshow_width+';height:'+slideshow_height+';overflow:hidden"><div id="canvas0" style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height+';top:0;left:0;filter:alpha(opacity=10);-moz-opacity:10"></div><div id="canvas1" style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height+';top:0;left:0;filter:alpha(opacity=10);-moz-opacity:10;visibility: hidden"></div></div>')
else
document.write('<img name="defaultslide" src="'+fadeimages[0]+'">')

var curpos=10
var degree=10
var curcanvas="canvas0"
var curimageindex=0
var nextimageindex=1

function fadepic(){
if (curpos<100){
curpos+=10
if (tempobj.filters)
tempobj.filters.alpha.opacity=curpos
else if (tempobj.style.MozOpacity)
tempobj.style.MozOpacity=curpos/101
}
else{
clearInterval(dropslide)
nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1"
tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)
tempobj.innerHTML='<img src="'+fadeimages[nextimageindex]+'">'
nextimageindex=(nextimageindex<fadeimages.length-1)? nextimageindex+1 : 0
var tempobj2=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)
tempobj2.style.visibility="hidden"
setTimeout("rotateimage()",pause)
}
}

function rotateimage(){
if (ie4||dom){
resetit(curcanvas)
var crossobj=tempobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
crossobj.style.zIndex++
tempobj.style.visibility="visible"
var temp='setInterval("fadepic()",50)'
dropslide=eval(temp)
curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0"
}
else
document.images.defaultslide.src=fadeimages[curimageindex]
curimageindex=(curimageindex<fadeimages.length-1)? curimageindex+1 : 0
}

function resetit(what){
curpos=10
var crossobj=ie4? eval("document.all."+what) : document.getElementById(what)
if (crossobj.filters)
crossobj.filters.alpha.opacity=curpos
else if (crossobj.style.MozOpacity)
crossobj.style.MozOpacity=curpos/101
}

function startit(){
var crossobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
crossobj.innerHTML='<img src="'+fadeimages[curimageindex]+'">'
rotateimage()
}

if (ie4||dom)
window.onload=startit
else
setInterval("rotateimage()",pause)

</script> </td>
</tr>
</table>

閱讀全文

與java圖片切換相關的資料

熱點內容
湖北黃石dns伺服器雲主機 瀏覽:581
奇異博士是個什麼app 瀏覽:259
單片機數碼管閃爍 瀏覽:953
有什麼閱讀小說免費的app 瀏覽:661
華潤電力是個什麼app 瀏覽:372
java與jni線程 瀏覽:202
c語言哈夫曼編碼壓縮 瀏覽:27
單片機零基礎入門 瀏覽:437
千鋒python3基礎視頻 瀏覽:578
linuxintel程序 瀏覽:977
光遇登陸伺服器連接失敗什麼意思 瀏覽:767
jd檢測手機新老介面源碼 瀏覽:126
java調用interface 瀏覽:1
解決點面之間是否存在聯系的演算法 瀏覽:272
如何架構雲伺服器 瀏覽:395
象山證券交易用什麼app 瀏覽:776
量價分析pdf 瀏覽:714
php如何調用js方法 瀏覽:743
網頁游戲在哪個文件夾 瀏覽:689
淘特怎麼付不了款伺服器出錯了 瀏覽:115