点击链接后跳出一个链接说明小窗口-JS特效-爱易网页

点击链接后跳出一个链接说明小窗口

日期：2014-05-18　浏览次数：20126 次

欢迎光临爱易网网页脚本特效中心，点击运行按钮演示特效：

以下是程序代码

要完成此效果把如下代码加入到<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('链接一的标题','这里是第一个链接的说明!','http://www.1.com')">第一个链接</A> <BR>
  <A HREF="JavaScript:PopIt('链接二的标题','这里是第二个链接的说明!','http://www.2.com')">第二个链接</A> <BR>
  <A HREF="JavaScript:PopIt('链接三的标题','这里是第三个链接的说明!','http://www.3.com')">第三个链接</A> <BR>
  <A HREF="JavaScript:PopIt('链接四的标题','这里是第四个链接的说明!','http://www.4.com')">第四个链接</A>

<a href="http://www.aiyiweb.com/js/">欢迎访问爱易网JS特效</a>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]