📄 dai6.htm

📁 javascript各种效果的实例及源代码
💻 HTM
字号:
<html>
<head>
<title>分割Frame的代码</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>分割Frame的代码</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">

var top="<HTML>" + "\r" + "<TITLE>My Frame Page</TITLE>" + "\r" +"<HEAD></HEAD>"
var nf="<noframes>" + "\r" + "You need a frames capable browser to view this page."       + "\r" + "</noframes>" + "\r" + "</HTML>"
var f="</frameset>"
var bc="bordercolor=blue>"
var MW="marginwidth=0"
var MH="marginheight=0"

function framesa() {
document.Framer.Fillit.value=top
+ "\r" + "<frameset cols=50%,* "
+ " " + bc + "\r" + "<frame src=1.htm" +" " + "name=One" 
+ "\r" + "scrolling=auto" + " " + MW + " " + MH + " " +  "noresize=yes>" 
+ "\r" + "<frame src=2.htm" +" " + "name=Two"
+ "\r" + "scrolling=auto" + " " + MW + " " + MH + " " +  "noresize=yes>"
+ "\r" + f 
+ "\r" + nf
}
function framesb() {
document.Framer.Fillit.value=top
+ "\r" + "<frameset rows=50%,* "
+ " " + bc + "\r" + "<frame src=1.htm" +" " + "name=One" 
+ "\r" + "scrolling=auto" + " " + MW + " " + MH + " " +  "noresize=yes>" 
+ "\r" + "<frame src=2.htm" +" " + "name=Two"
+ "\r" + "scrolling=auto" + " " + MW + " " + MH + " " +  "noresize=yes>"
+ "\r" + f 
+ "\r" + nf
}
function framemixa() {
document.Framer.Fillit.value=top
+ "\r" + "<frameset cols=30%,* " + bc + " " + "noresize=yes>"
+ "\r" + "<frame src=1.htm" + " " + "name=One" + " " + "scrolling=yes"
+ "\r" + MW + " " + MH + " " + "noresize=yes>"
+ "\r" + "<frameset rows=50%,*>"
+ "\r" + "<frame src=2.htm" + " " + "name=Two" + " " + MW
+ "\r" + MH + " " + "scrolling=yes>"
+ "\r" + "<frame src=3.htm" + " " + "name=Three" + " " + "scrolling=no"
+ "\r" + MW + " " + MH + " " + "noresize=no>" 
+ "\r" + f
+ "\r" + f
+ "\r" + nf
}
function frames3v(){
document.Framer.Fillit.value=top
+ "\r" + "<frameset cols=33%,33%,*" + " " + bc
+ "\r" + "<frame src=1.htm name=One" + " " + "scrolling=auto"
+ "\r" + MW + " " + MH + " " + "noresize=yes>"
+ "\r" + "<frame src=2.htm" + " " + "name=Two" + " " + "scrolling=auto"
+ "\r" + MW + " " + MH + " " + "noresize=yes>"
+ "\r" + "<frame src=3.htm" + " " + "name=Three" + " " +
"scrolling=auto"
+ "\r" + MW + " " + MH + " " + "noresize=yes>"
+ "\r" + f
+ "\r" + nf
}
function frames3h(){
document.Framer.Fillit.value=top
+ "\r" + "<frameset rows=33%,33%,*" + " " + bc
+ "\r" + "<frame src=1.htm name=One" + " " + "scrolling=auto"
+ "\r" + MW + " " + MH + " " + "noresize=yes>"
+ "\r" + "<frame src=2.htm" + " " + "name=Two" + " " + "scrolling=auto"
+ "\r" + MW + " " + MH + " " + "noresize=yes>"
+ "\r" + "<frame src=3.htm" + " " + "name=Three" + " " +
"scrolling=auto"
+ "\r" + MW + " " + MH + " " + "noresize=yes>"
+ "\r" + f
+ "\r" + nf
}
function framemixb() {
document.Framer.Fillit.value=top
+ "\r" + "<frameset cols=30%,* " + bc + " " + "noresize=yes>"
+ "\r" + "<frameset rows=50%,*>" + "\r" +  "<frame src=1.htm" + " " +
"name=One"
+ " " + "scrolling=no" + " " + MW + "\r" + MH + " " + "noresize=yes>" 
+ "\r" + "<frame src=2.htm" + " " + "name=Two" + " " + MW
+ "\r" + MH + " " + "scrolling=yes>"
+ "\r" + f
+ "\r" + "<frameset rows=50%,*>" + "\r" + "<frame src=3.htm" + " " +
"name=Three"
+ "\r" + "scrolling=no" +" " + MW + " " + MH + " " + "noresize=no>"
+ "\r" + "<frame src=4.htm" +" " + "name=Four" + " " + "scrolling=yes"
+ "\r" + MW + " " + MH + " " + "noresize=yes>"
+ "\r" + f
+ "\r" + f
+ "\r" + nf
}
function Copy(){
if (document.Framer.Fillit.value=="") {
alert ('The top box is empty. Please enter a script by clicking one of the frames buttons.')
}
else {
document.Framer.Pastebox.value=document.Framer.Fillit.value 
}
}
function view(){
if (document.Framer.Pastebox.value=="") {
alert ('粘贴框里的内容是空的，请重新选择')
return false;
}
else {
alert('请你把相应的页面做好后再显示，OK?')
boat = open ("","DisplayWindow")
see = parent.document.Framer.Pastebox.value 
boat.document.write (see)
return true;
}
}
function Instruct(){

help =
open("","helpWindow","resizable=yes,location=no,toolbar=no,directories=no,status=no,scrollbars=yes,menubar=no,width=500,height=250")
help.document.write("<TITLE>说明文字</TITLE>")
help.document.write("<P><Center><B><FONT SIZE=+0><FONT COLOR='black'>使用说明</FONT></FONT></B></Center></P>")
help.document.write("<P>1. 首先选择一个你想要分的帖数") 
help.document.write("<P>2. 按<B>复制(编辑)</B>按钮把它们复制到下面的框中</P>") 
help.document.write("<P><B>Editing:</B></P>")
help.document.write("<LI>先编辑好你所要显示的文件<font color=white><b>??.htm,???.htm(名字你自己起)</b></font></LI>")
help.document.write("<LI>用<font color=white><b>Cols/Rows=?%</b></font>选择你所要的窗口的大小方位.</LI>")
help.document.write("<LI>请注意以下几个参数<font color=white><b>noresize=yes,toolbar=yes,menubar=yes,scrolling=auto等</b></font></LI>")
help.document.write("<P>3. When satisfied with your changes in the bottom box, hit <b>View</b> to see the frames in a new window.</P>")
help.document.write("<P>4. Hit your browser'\s close option to return to the work window.</P>")
help.document.write("<P>5. When happy with how the frames look and operate, paste the script to a text editor. <B>Save it as an .htm file.</B></P>")
help.document.write("<P><CENTER><FORM><INPUT TYPE='button' VALUE='OK' onClick='window.close()'></CENTER></FORM></P>")
help.document.bgColor=('deepskyblue')
help.document.close()
}
</SCRIPT>
<DT><FORM Name="Framer"></DT>
<TABLE BORDER=1 >
<TR>
<TD>
<DT><INPUT Type=button Value="左右分割2帧" onClick="framesa()"></DT>
<DT><INPUT Type=button Value="左右分割3帧" onClick="frames3v()"></DT>
<DT><INPUT Type=button Value="上下分割2帧" onClick="framesb()"></DT>
<DT><INPUT Type=button Value="上下分割3帧" onClick="frames3h()"></DT>
<DT><INPUT Type=button Value="分3帧" onClick="framemixa()"></DT>
<DT><INPUT Type=button Value="分4帧" onClick="framemixb()"></DT>
</TD>
<TD VALIGN=TOP>
<DT><TEXTAREA Name=Fillit COLS="56" ROWS="6"></TEXTAREA></DT>
<CENTER><DT><INPUT Type=button Value="使用说明" onClick="Instruct()"></DT></CENTER>
</TD>
</TR>
<TR>
<TD>
<DT><INPUT Type=button Value="复制(编辑)" onClick="Copy()"></DT>
<DT><INPUT Type=button Value="开始" onClick="alert('你要复制的内容已经复制好!');Copy()"></DT>
<DT><INPUT Type=button Value="清除" onClick="reset()"></DT>
</TD>
<TD VALIGN=TOP>
<DT><TEXTAREA Name="Pastebox" COLS="56" ROWS="6"></TEXTAREA></DT>
<CENTER><DT><INPUT Type=button Value="显示页面"
onClick="view()"></DT></CENTER>
</TD>
</TR>
</TABLE>
</FORM><P>
</FONT></CENTER>
</td></tr></table></center>
<br>
<br>
<center>
<textarea name=source rows=12 cols=45 class=yk9>
脚本说明:
把如下代码加入<body>区域中
<SCRIPT language="Javascript">

var top="<HTML>" + "\r" + "<TITLE>My Frame Page</TITLE>" + "\r" +"<HEAD></HEAD>"
var nf="<noframes>" + "\r" + "You need a frames capable browser to view this page."       + "\r" + "</noframes>" + "\r" + "</HTML>"
var f="</frameset>"
var bc="bordercolor=blue>"
var MW="marginwidth=0"
var MH="marginheight=0"

function framesa() {
document.Framer.Fillit.value=top
+ "\r" + "<frameset cols=50%,* "
+ " " + bc + "\r" + "<frame src=1.htm" +" " + "name=One" 
+ "\r" + "scrolling=auto" + " " + MW + " " + MH + " " +  "noresize=yes>" 
+ "\r" + "<frame src=2.htm" +" " + "name=Two"
+ "\r" + "scrolling=auto" + " " + MW + " " + MH + " " +  "noresize=yes>"
+ "\r" + f 
+ "\r" + nf
}
function framesb() {
document.Framer.Fillit.value=top
+ "\r" + "<frameset rows=50%,* "
+ " " + bc + "\r" + "<frame src=1.htm" +" " + "name=One" 
+ "\r" + "scrolling=auto" + " " + MW + " " + MH + " " +  "noresize=yes>" 
+ "\r" + "<frame src=2.htm" +" " + "name=Two"
+ "\r" + "scrolling=auto" + " " + MW + " " + MH + " " +  "noresize=yes>"
+ "\r" + f 
+ "\r" + nf
}
function framemixa() {
document.Framer.Fillit.value=top
+ "\r" + "<frameset cols=30%,* " + bc + " " + "noresize=yes>"
+ "\r" + "<frame src=1.htm" + " " + "name=One" + " " + "scrolling=yes"
+ "\r" + MW + " " + MH + " " + "noresize=yes>"
+ "\r" + "<frameset rows=50%,*>"
+ "\r" + "<frame src=2.htm" + " " + "name=Two" + " " + MW
+ "\r" + MH + " " + "scrolling=yes>"
+ "\r" + "<frame src=3.htm" + " " + "name=Three" + " " + "scrolling=no"
+ "\r" + MW + " " + MH + " " + "noresize=no>" 
+ "\r" + f
+ "\r" + f
+ "\r" + nf
}
function frames3v(){
document.Framer.Fillit.value=top
+ "\r" + "<frameset cols=33%,33%,*" + " " + bc
+ "\r" + "<frame src=1.htm name=One" + " " + "scrolling=auto"
+ "\r" + MW + " " + MH + " " + "noresize=yes>"
+ "\r" + "<frame src=2.htm" + " " + "name=Two" + " " + "scrolling=auto"
+ "\r" + MW + " " + MH + " " + "noresize=yes>"
+ "\r" + "<frame src=3.htm" + " " + "name=Three" + " " +
"scrolling=auto"
+ "\r" + MW + " " + MH + " " + "noresize=yes>"
+ "\r" + f
+ "\r" + nf
}
function frames3h(){
document.Framer.Fillit.value=top
+ "\r" + "<frameset rows=33%,33%,*" + " " + bc
+ "\r" + "<frame src=1.htm name=One" + " " + "scrolling=auto"
+ "\r" + MW + " " + MH + " " + "noresize=yes>"
+ "\r" + "<frame src=2.htm" + " " + "name=Two" + " " + "scrolling=auto"
+ "\r" + MW + " " + MH + " " + "noresize=yes>"
+ "\r" + "<frame src=3.htm" + " " + "name=Three" + " " +
"scrolling=auto"
+ "\r" + MW + " " + MH + " " + "noresize=yes>"
+ "\r" + f
+ "\r" + nf
}
function framemixb() {
document.Framer.Fillit.value=top
+ "\r" + "<frameset cols=30%,* " + bc + " " + "noresize=yes>"
+ "\r" + "<frameset rows=50%,*>" + "\r" +  "<frame src=1.htm" + " " +
"name=One"
+ " " + "scrolling=no" + " " + MW + "\r" + MH + " " + "noresize=yes>" 
+ "\r" + "<frame src=2.htm" + " " + "name=Two" + " " + MW
+ "\r" + MH + " " + "scrolling=yes>"
+ "\r" + f
+ "\r" + "<frameset rows=50%,*>" + "\r" + "<frame src=3.htm" + " " +
"name=Three"
+ "\r" + "scrolling=no" +" " + MW + " " + MH + " " + "noresize=no>"
+ "\r" + "<frame src=4.htm" +" " + "name=Four" + " " + "scrolling=yes"
+ "\r" + MW + " " + MH + " " + "noresize=yes>"
+ "\r" + f
+ "\r" + f
+ "\r" + nf
}
function Copy(){
if (document.Framer.Fillit.value=="") {
alert ('The top box is empty. Please enter a script by clicking one of the frames buttons.')
}
else {
document.Framer.Pastebox.value=document.Framer.Fillit.value 
}
}
function view(){
if (document.Framer.Pastebox.value=="") {
alert ('The paste box is empty. Please enter a script by clicking the Copy/Edit button.')
return false;
}
else {
alert('If you like the results, remember to paste it to a text editor!')
boat = open ("","DisplayWindow")
see = parent.document.Framer.Pastebox.value 
boat.document.write (see)
return true;
}
}
function Instruct(){

help =
open("","helpWindow","resizable=yes,location=no,toolbar=no,directories=no,status=no,scrollbars=yes,menubar=no,width=500,height=250")
help.document.write("<TITLE>Frame Builder Help</TITLE>")
help.document.write("<P><Center><B><FONT SIZE=+0><FONT COLOR='black'>Instructions</FONT></FONT></B></Center></P>")
help.document.write("<P>1. Load a frame script into the top box by clicking one of the 6 pre built frame scripts buttons.") 
help.document.write("<P>2. Copy the script to the bottom box using the <B>Copy/Edit</B> button. Edit the script from the bottom box. If a mistake is made, a fresh copy will allways be available in the top box to compare or to reload.</P>") 
help.document.write("<P><B>Editing:</B></P>")
help.document.write("<LI>Make sure to change the frame src=靠
⌨️ 快捷键说明

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