图片提示效果的另类制作


曾经在一号工作室看到过的一个脚本,那时根本没有心情去仔细研究,现在看了看感觉效果不错,可以产生图片提示,这样的脚本站内有很多,可是我还是放上来了,多一种脚本多一种选择嘛,而且我也精简了代码,去掉了很多无用的东西,并且解决了一号工作室里不能存在链接的问题,应该是比较完美的版本了。

制作方法:
新建样式:
BODY { OVERFLOW-X: hidden; OVERFLOW: scroll}
.DEK { Z-INDEX: 200; VISIBILITY: hidden; POSITION: absolute}
在<body>标签下,粘贴代码:
<div class=dek id=dek>
<SCRIPT type=text/JavaScript language="">
Xoffset= 0; // modify these values to ...
Yoffset= 20; // change the popup position.
myImg= new Array()
myImg[1]="use2.gif"
var nav,old,iex=(document.all),yyy=-1000;
if(navigator.appName=="Netscape"){(document.layers)?nav=true:old=true;}
if(!old){
var skn=(nav)?document.dek:dek.style;
if(nav)document.captureEvents(Event.MOUSEMOVE);
document.onmousemove=get_mouse;
}
function popup(i){
var content="<img src=http://www.blue1000.com/article/'"+ myImg[i]+"'>";
if(old){alert(msg);return;}
else{yyy=Yoffset;
if(nav){skn.document.write(content);skn.document.close();skn.visibility="visible"}
if(iex){document.all("dek").innerHTML=content;skn.visibility="visible"}
}
}
function get_mouse(e){
var x=(nav)?e.pageX:event.x+document.body.scrollLeft;skn.left=x+Xoffset;
var y=(nav)?e.pageY:event.y+document.body.scrollTop;skn.top=y+yyy;
}
function kill(){
if(!old){yyy=-1000;skn.visibility="hidden";}
}
//-->
</SCRIPT>
注明:
myImg= new Array()
myImg[1]="use2.gif"
这里是增加图片的地方,增加新的组内容即可
在超链接处,添加代码:
onMouseOver=popup(1) onMouseOut=kill()

至此,我们的效果便制作好了,你不仿试试

本文作者:
« 
» 
快速导航

Copyright © 2016 phpStudy | 豫ICP备2021030365号-3