图像一 (鼠标接触文字) (鼠标接触图像) (点击图像) 图像四 (点击文字)
鼠标接触或点击文字或图像时，大图像会在设定的位置展示。 安装 步骤一 拷贝以下脚本后贴在有关网页的<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>之下，您安排的位置。
(鼠标接触图像)
(点击图像)
图像四 (点击文字)