圖像一 (鼠標接触文字) (鼠標接触圖像) (點擊圖像) 圖像四 (點擊文字)
鼠標接触或點擊文字或圖像時，大圖像會在設定的位置展示。 安裝 步驟一 拷貝以下腳本後貼在有關網頁的<head></head>之間。 <script type="text/javascript"> //設定圖像路徑及鏈接網址(若不需要鏈接則設為""): var dynimages=new Array() dynimages[0]=["dt1.jpg", "1.html"] dynimages[1]=["dt2.jpg", "2.html"] dynimages[2]=["dt3.jpg", "3.html"] dynimages[3]=["dt4.jpg", "4.html"] //預先下載圖像 ("yes"或 "no"): var preloadimg="no" //設定全部圖像的目標路徑: var optlinktarget="" //設定圖像的邊界寬度 var imgborderwidth=0 var filterstring="progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=1.0 Duration=0.7)" ///////以下免動///// if (preloadimg=="yes"){ for (x=0; x<dynimages.length; x++){ var myimage=new Image() myimage.src=dynimages[x][0] } } function returnimgcode(theimg){ var imghtml="" if (theimg[1]!="") imghtml='<a href="'+theimg[1]+'" target="'+optlinktarget+'">' imghtml+='<img src="'+theimg[0]+'" border="'+imgborderwidth+'">' if (theimg[1]!="") imghtml+='</a>' return imghtml } function modifyimage(loadarea, imgindex){ if (document.getElementById){ var imgobj=document.getElementById(loadarea) if (imgobj.filters && window.createPopup){ imgobj.style.filter=filterstring imgobj.filters[0].Apply() } imgobj.innerHTML=returnimgcode(dynimages[imgindex]) if (imgobj.filters && window.createPopup) imgobj.filters[0].Play() return false } } </script> 步驟二 拷貝以下腳本貼在網頁的<body>之下，您安排的位置。 <a href="#" onMouseover="modifyimage('dynloadarea', 0)">圖像一</a> (鼠標接触文字) <a href="#" onMouseover="modifyimage('dynloadarea', 1)"><img src="st2.jpg"></a> (鼠標接触圖像) <a href="#" onClick="return modifyimage('dynloadarea2', 2)"><img src="st3.jpg"></a>(點擊圖像) <a href="#" onClick="return modifyimage('dynloadarea2', 3)">圖像四</a> (點擊文字) <p> <div id="dynloadarea" style="position:absolute;top:320px;left:180px;width:180px;height:210px"></div> <div id="dynloadarea2" style="position:absolute;top:320px;left:420px;width:180px;height:210px"> </div>
安裝
步驟一 拷貝以下腳本後貼在有關網頁的<head></head>之間。
步驟二 拷貝以下腳本貼在網頁的<body>之下，您安排的位置。
(鼠標接触圖像)
(點擊圖像)
圖像四 (點擊文字)