📄 an19.htm

📁 javascript各种效果的实例及源代码
💻 HTM
字号:
<html>
<head>
<title>跳出说明窗口</title>
<style type="text/css">
<!--
body {  font-family: "宋体"; font-size: 9pt; margin-top: 0px; margin-left: 0px; margin-right: 0px}
A { COLOR: black; FONT-SIZE: 9pt; FONT-WEIGHT: 400; TEXT-DECORATION: none }
 A:hover { COLOR: red; FONT-SIZE: 9pt; FONT-WEIGHT: 400; TEXT-DECORATION: underline }
a:active     { font: 9pt "宋体"; cursor: hand; color: #FF0033 }
-->
</style>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>

<body bgcolor="#fef4d9">
<br>
<br>
<center><font color=red face="隶书" size=6>跳出说明窗口</font></center>
<br>
<br><center>
<table border=5 bordercolor=blue borderlight=green>
<tr><td align=center><font size=5 color=red face="Arial, Helvetica, sans-serif"><strong>下面框中为脚本显示区</strong></font></td></tr>
<tr><td align=center><SCRIPT LANGUAGE="Javascript">
// Please enter the number of people in your database
var peepNum = 6

// Please edit your page attributes here
var pageAtr = new Array(1)
pageAtr[0] = "#000000"                        // Pop Up Profile background color
pageAtr[1] = "#ffffff"                        // Pop Up Profile text color

// Please edit the names of the people in your profiles
var peepName = new Array(peepNum)
peepName[1] = "Jason"                         // First person's name
peepName[2] = "John"                          // Second person's name
peepName[3] = "Joe"                           // Etc...
peepName[4] = "Ryan"
peepName[5] = "Jessica"
peepName[6] = "Mrs. Jacobson"

// Please edit the people's positions
var peepPos = new Array(peepNum)
peepPos[1] = "Master programmer :P"           // First person's position
peepPos[2] = "The Pascal Guy"                 // Second person's position
peepPos[3] = "Soccer guy and mudder"          // Etc...
peepPos[4] = "Serves no useful function"
peepPos[5] = "She complains a lot"
peepPos[6] = "The *snicker snicker* teacher"

// Please edit the personal quote
var peepAd = new Array(peepNum)
peepAd[1] = "9th grade really bites"          // First person's quote
peepAd[2] = "Graphix are easier"              // Second person's quote
peepAd[3] = "I like to play muds"             // Etc...
peepAd[4] = "Huh? What about what?"
peepAd[5] = "I don't understand..."
peepAd[6] = "There's too much screwing around here"

// *#)*#)*#)*#)*#)*#)*#)*#)*#)*#)*#)*#)*#)*#)*#)*#)*#)
// *#)      Please stop editing at this point      *#) 
// *#)*#)*#)*#)*#)*#)*#)*#)*#)*#)*#)*#)*#)*#)*#)*#)*#)

function makePupWin(){
  PUP = window.open('','PUP','width=300,height=160,toolbar=0,directories=0,status=1,menu=0,scrollbars=no,resizable=no,copyhistory=no,location=0');
}

// This is a bit hard to edit if you don't do javascript.
// Here you can edit the HTML of the profile window
// Keep in mind you'll get errors if you use " without a slash (\")
function makePUP(num){
  makePupWin();
  PUP.document.write("<HTML>\n<HEAD>\n<TITLE>Profile for: " + peepName[num] + "</TITLE>");
  PUP.document.write("\n</HEAD>\n<BODY BGCOLOR=\"" + pageAtr[0] + "\" TEXT=\"" + pageAtr[1] + "\">");
  PUP.document.write("\n<CENTER>\n<TABLE WIDTH=\"250\" BORDER=\"1\" HEIGHT=\"100\">\n<TR>\n<TD>Name</TD><TD><CENTER>" + peepName[num] + "</CENTER></TD>");
  PUP.document.write("\n<\TR>\n<TR>\n<TD>Title:</TD><TD><CENTER>" + peepPos[num] + "</CENTER></TD>");
  PUP.document.write("\n<\TR>\n<TR>\n<TD>Quote:</TD><TD><CENTER>" + peepAd[num] + "</CENTER></TD>");
  PUP.document.write("\n<\TR>\n</TABLE>\n<FORM>\n<INPUT TYPE=\"button\" VALUE=\"Close Profile\" onClick=\"self.close();\">\n</FORM>\n</BODY>\n</HTML>");
  PUP.status=(peepName[num] + "'s Pop Up Profile");
  PUP.document.close();
}
</SCRIPT>
<CENTER>
<FORM>
<INPUT TYPE="button" VALUE="Jason's profile" onClick="makePUP(1)"><P>
<INPUT TYPE="button" VALUE="John's profile" onClick="makePUP(2)"><P>
<INPUT TYPE="button" VALUE="Joe's profile" onClick="makePUP(3)"><P>
<INPUT TYPE="button" VALUE="Ryan's profile" onClick="makePUP(4)"><P>
<INPUT TYPE="button" VALUE="Jessica's profile" onClick="makePUP(5)"><P>
<INPUT TYPE="button" VALUE="Mrs. Jacobson's profile" onClick="makePUP(6)"><P>
</FORM>
</CENTER>
</td></tr></table></center>
<br>
<br>
<center>
<textarea name=source rows=12 cols=45 class=yk9>
脚本说明:
把如下代码加入<body>区域中
<SCRIPT LANGUAGE="Javascript">

// Please enter the number of people in your database
var peepNum = 6

// Please edit your page attributes here
var pageAtr = new Array(1)
pageAtr[0] = "#000000"                        // Pop Up Profile background color
pageAtr[1] = "#ffffff"                        // Pop Up Profile text color

// Please edit the names of the people in your profiles
var peepName = new Array(peepNum)
peepName[1] = "Jason"                         // First person's name
peepName[2] = "John"                          // Second person's name
peepName[3] = "Joe"                           // Etc...
peepName[4] = "Ryan"
peepName[5] = "Jessica"
peepName[6] = "Mrs. Jacobson"

// Please edit the people's positions
var peepPos = new Array(peepNum)
peepPos[1] = "Master programmer :P"           // First person's position
peepPos[2] = "The Pascal Guy"                 // Second person's position
peepPos[3] = "Soccer guy and mudder"          // Etc...
peepPos[4] = "Serves no useful function"
peepPos[5] = "She complains a lot"
peepPos[6] = "The *snicker snicker* teacher"

// Please edit the personal quote
var peepAd = new Array(peepNum)
peepAd[1] = "9th grade really bites"          // First person's quote
peepAd[2] = "Graphix are easier"              // Second person's quote
peepAd[3] = "I like to play muds"             // Etc...
peepAd[4] = "Huh? What about what?"
peepAd[5] = "I don't understand..."
peepAd[6] = "There's too much screwing around here"

// *#)*#)*#)*#)*#)*#)*#)*#)*#)*#)*#)*#)*#)*#)*#)*#)*#)
// *#)      Please stop editing at this point      *#) 
// *#)*#)*#)*#)*#)*#)*#)*#)*#)*#)*#)*#)*#)*#)*#)*#)*#)

function makePupWin(){
  PUP = window.open('','PUP','width=300,height=160,toolbar=0,directories=0,status=1,menu=0,scrollbars=no,resizable=no,copyhistory=no,location=0');
}

// This is a bit hard to edit if you don't do javascript.
// Here you can edit the HTML of the profile window
// Keep in mind you'll get errors if you use " without a slash (\")
function makePUP(num){
  makePupWin();
  PUP.document.write("<HTML>\n<HEAD>\n<TITLE>Profile for: " + peepName[num] + "</TITLE>");
  PUP.document.write("\n</HEAD>\n<BODY BGCOLOR=\"" + pageAtr[0] + "\" TEXT=\"" + pageAtr[1] + "\">");
  PUP.document.write("\n<CENTER>\n<TABLE WIDTH=\"250\" BORDER=\"1\" HEIGHT=\"100\">\n<TR>\n<TD>Name</TD><TD><CENTER>" + peepName[num] + "</CENTER></TD>");
  PUP.document.write("\n<\TR>\n<TR>\n<TD>Title:</TD><TD><CENTER>" + peepPos[num] + "</CENTER></TD>");
  PUP.document.write("\n<\TR>\n<TR>\n<TD>Quote:</TD><TD><CENTER>" + peepAd[num] + "</CENTER></TD>");
  PUP.document.write("\n<\TR>\n</TABLE>\n<FORM>\n<INPUT TYPE=\"button\" VALUE=\"Close Profile\" onClick=\"self.close();\">\n</FORM>\n</BODY>\n</HTML>");
  PUP.status=(peepName[num] + "'s Pop Up Profile");
  PUP.document.close();
}
</SCRIPT>
<CENTER>
<FORM>
<INPUT TYPE="button" VALUE="Jason's profile" onClick="makePUP(1)"><P>
<INPUT TYPE="button" VALUE="John's profile" onClick="makePUP(2)"><P>
<INPUT TYPE="button" VALUE="Joe's profile" onClick="makePUP(3)"><P>
<INPUT TYPE="button" VALUE="Ryan's profile" onClick="makePUP(4)"><P>
<INPUT TYPE="button" VALUE="Jessica's profile" onClick="makePUP(5)"><P>
<INPUT TYPE="button" VALUE="Mrs. Jacobson's profile" onClick="makePUP(6)"><P>
</FORM>
</CENTER>
</textarea>
<SCRIPT LANGUAGE="JavaScript">

<!-- hide

function goHist(a) 

{

   history.go(a);

}

//-->

</script>

<FORM METHOD="post">
<INPUT TYPE="button" VALUE="返回" onClick="goHist(-1)" style="background-color: #8000FF; color: rgb(255,255,255)">
</form>
</center>
<br>
<br>
</body>
</html>
💿 文件大小 1152 K
👤 上传用户 sujiwei
📂 所属分类 Java书籍
🏷️ 相关标签

#javascript #源代码
⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -