隋国明-手机版个人主页

网页编程－精美带图片的提示窗口

<SCRIPT>
var Mouse_Obj="none";
var pX
var pY
document.onmousemove=D_NewMouseMove;
document.onmouseup=D_NewMouseUp;
function m(c_Obj)
{ Mouse_Obj=c_Obj;
pX=parseInt(document.all(Mouse_Obj).style.left)-event.x;
pY=parseInt(document.all(Mouse_Obj).style.top)-event.y; }
function D_NewMouseMove()
{if(Mouse_Obj!="none")
{document.all(Mouse_Obj).style.left=pX+event.x;
document.all(Mouse_Obj).style.top=pY+event.y;
event.returnValue=false;}}
function D_NewMouseUp()
{Mouse_Obj="none";}
function myimg()
{var o=event.srcElement;
sPop=null;
	if(o.alt!=null && o.alt!=""){o.img=o.alt;o.alt="";o.title=""};
	if(o.img!=sPop) {
			sPop=o.img;
			t=o.name;
			title.innerHTML="<span style='font-family:宋体;color:yellow'>"+t+"</span>"+"5meng.com";
			img.innerHTML="<p align='center'><img id=ss src="+sPop+" border=0 ></p>";
			Show(up);}
}
function back()
{Hide(up);}
document.onclick=myimg;
</SCRIPT>
<style>

</style>
<div  id=up class=yellow style="VISIBILITY:hidden ; position: absolute; top: 60; left: 200; width: 360; height: 250; filter: revealTrans(transition=12, 'duration=0.1) blendTrans(duration=0.1)">
<div id=title onmousedown=m("up") style="background-color:#30608F;padding:2px;text-indent:5;color:#FFFFFF;cursor:move">5meng.com</div>
<img id=close  onclick=Hide(up)  style="position: absolute; right: 2; top: 2" border="0" src="images/close.gif" width="15" height="15">
<div  id=img class=ydown style=" position: absolute; top: 32; left: 8; width: 340; height: 180;"></div>
<div  id=button style=" position: absolute; top: 220; left: 120; width: 340; height: 20;"><button name="button" class=yellow onclick=Hide(up); >confirm</button><span style="visibility: hidden">--</span><button name="button" class=yellow onclick=Hide(up); >Cancel</button></div>
</div>

<h1 img="images/logo.gif" name="大家好，欢迎光临本站">本站LOGO</h1>
<SCRIPT language=JavaScript1.2>

</script>
<p>     
<a href="#" onMouseOver=Show(up) >欢迎光临浪漫情阁</a>