学院首页
>
网页制作
>
Javascript
>很酷的提示效果
很酷的提示效果
作者：未知 来源：51js.com 添加时间：2006-5-21 9:22:33
代码片段如下:
<html><head><title>提示框,很酷的效果!</title><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><STYLE type=TEXT/CSS>.bubble { COLOR: yellow; FILTER: glow(color=black, strength=1); FONT: 150pt Webdings; LEFT: 10px; POSITION: absolute; TOP: 10px; VISIBILITY: hidden}.bubbletext { COLOR: black; FILTER: ; FONT: 8pt Arial; LEFT: 30px; POSITION: absolute; TEXT-ALIGN: center; TOP: 75px; WIDTH: 150px}.dnd { BACKGROUND-COLOR: lightsalmon; FONT: bold 10pt Verdana; PADDING-BOTTOM: 4pt; PADDING-LEFT: 4pt; PADDING-RIGHT: 4pt; PADDING-TOP: 4pt; WIDTH: 150px}.dnd IMG { CURSOR: move}</STYLE><script language="JavaScript"><!--<!--function MM_reloadPage(init) { //reloads the window if Nav4 resized if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) { document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }} else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();}MM_reloadPage(true);// -->function MM_findObj(n, d) { //v4.0 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && document.getElementById) x=document.getElementById(n); return x;}function MM_showHideLayers() { //v3.0 var i,p,v,obj,args=MM_showHideLayers.arguments; for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2]; if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v; } obj.visibility=v; }}//--></script></head><body bgcolor="#FFFFFF" text="#000000"><DIV class=bubble id=l1 style="visibility: hidden; width: 257px; height: 200px; left: 126px; top: 8px"> <div class=bubbletext style="left: 12px; top: 53px; width: 171px; height: 42px" id="ll1"> <p>这是提示一<br> 无忧永不倒！！！！<br> 这是提示一 </p> </div> ] </DIV><div class=bubble id=l2 style="visibility: hidden; width: 257px; height: 200px; left: 134px; top: 41px"> <div class=bubbletext style="left: 11px; top: 53px; width: 189px; height: 42px" id="ll2"> <p>这是提示二<br> 据说已经关闭了！太可惜了！<br> 这是提示二</p> </div> ] </div><div id="Layer1" style="position:absolute; width:107px; height:17px; z-index:1; left: 16px; top: 138px; background-color: #666666; layer-background-color: #666666; border: 1px none #000000" onMouseOut="MM_showHideLayers('l1',','hide','ll1',','hide')" onMouseOver="MM_showHideLayers('l1',','show','ll1',','show')"> 无忧脚本
代码片段如下: 代码片段如下: 代码片段如下: