点击链接后跳出一个链接说明小窗口，非常不错

作者：佚名来源：不详发布时间：2006/10/29 发布人：admin

要完成此效果把如下代码加入到<body>区域中

<--

function PopIt(label, msg, URLE){

// Set up Page Colors & Table

var DQUOTE = '\"'

var s1 =     "<TITLE>" + label + "</TITLE>" +

"<BODY BGCOLOR='ffffff'><TABLE BORDER=0><TR>" +

"<TD WIDTH=90% HEIGHT=90 VALIGN=TOP ALIGN=LEFT>"+

"<FONT SIZE=4>"

var s2 = "<FONT COLOR='FF0000'><B>"+label+"</B></FONT><P>"

var s3 = "</TD><TD WIDTH=10%> </TD></TR><TR><TD> </TD>"+

"<TD VALIGN=TOP ALIGN=RIGHT>"+

"<FORM><INPUT TYPE='BUTTON' VALUE='关　闭'" +

"onClick='self.close()'>"  +

"<INPUT TYPE='BUTTON' VALUE='确　定'" +

"onClick='window.open("+DQUOTE+URLE+DQUOTE+")'"  +

"</FORM></TD></TR></TABLE></BODY>"

popup = window.open("","popDialog","height=200,width=300,scrollbars=no")

popup.document.write(s1+s2+msg+s3)

popup.document.close()

}

// -->

</Script>
  <A HREF="JavaScript:PopIt('链接一的标题','这里是第一个链接的说明!','<a target="_blank" href=http://www.9966ok.com'>http://www.9966ok.com'</a>)">第一个链接</A> <BR>
  <A HREF="JavaScript:PopIt('链接二的标题','这里是第二个链接的说明!','<a target="_blank" href=http://www.9966ok.com'>http://www.9966ok.com'</a>)">第二个链接</A> <BR>
  <A HREF="JavaScript:PopIt('链接三的标题','这里是第三个链接的说明!','<a target="_blank" href=http://www.9966ok.com'>http://www.9966ok.com'</a>)">第三个链接</A> <BR>
  <A HREF="JavaScript:PopIt('链接四的标题','这里是第四个链接的说明!','<a target="_blank" href=http://www.9966ok.com'>http://www.9966ok.com'</a>)">第四个链接</A>

特别说明：如网页特效代码中有引用图片文件等，请自己下载到本地调试！

[] [返回] [打印] [收藏] [评论]

上一篇代码：一次打开多个链接，并跳出小窗口说明

下一篇代码：随机显示链接及说明文字，是做友情链接的首选

点击链接后跳出一个链接说明小窗口，非常不错

精品推荐

代码分类

阅读排行

相关代码