📄 js_top.htm
字号:
if (i!=pulloutShown) {
pulloutActive = true
pulloutWindow[pulloutShown].slideTo(-285,null,15,15,'pulloutEnd('+i+')')
}
}
function pulloutEnd(i) {
pulloutShown = i
pulloutWindow[i].slideTo(0,null,15,15,'pulloutActive==false')
}
//-->
</SCRIPT>
<STYLE type=text/css>A {
FONT-SIZE: 10pt; COLOR: #000000; FONT-FAMILY: 'Arial'
}
A.scroll {
COLOR: #ffffff
}
STRONG {
FONT-WEIGHT: bold; FONT-SIZE: 15pt; LINE-HEIGHT: 25pt; FONT-FAMILY: 'Arial'
}
P {
FONT-SIZE: 10pt; LINE-HEIGHT: 13pt; FONT-FAMILY: 'Arial'
}
#pulloutInterface {
LEFT: 200px; WIDTH: 400px; CLIP: rect(0px 400px 250px 0px); POSITION: absolute; TOP: 150px; HEIGHT: 250px; BACKGROUND-COLOR: #000000; layer-background-color: #000000
}
#pullout0Sidebar {
LEFT: 5px; WIDTH: 100px; CLIP: rect(0px 100px 30px 0px); POSITION: absolute; TOP: 5px; HEIGHT: 30px; BACKGROUND-COLOR: #dedede; layer-background-color: #DEDEDE
}
#pullout1Sidebar {
LEFT: 5px; WIDTH: 100px; CLIP: rect(0px 100px 30px 0px); POSITION: absolute; TOP: 40px; HEIGHT: 30px; BACKGROUND-COLOR: #c5c5c5; layer-background-color: #C5C5C5
}
#pullout2Sidebar {
LEFT: 5px; WIDTH: 100px; CLIP: rect(0px 100px 30px 0px); POSITION: absolute; TOP: 75px; HEIGHT: 30px; BACKGROUND-COLOR: #a2a2a2; layer-background-color: #A2A2A2
}
#pullout3Sidebar {
LEFT: 5px; WIDTH: 100px; CLIP: rect(0px 100px 30px 0px); POSITION: absolute; TOP: 110px; HEIGHT: 30px; BACKGROUND-COLOR: #7e7e7e; layer-background-color: #7E7E7E
}
#pullout4Sidebar {
LEFT: 5px; WIDTH: 100px; CLIP: rect(0px 100px 30px 0px); POSITION: absolute; TOP: 145px; HEIGHT: 30px; BACKGROUND-COLOR: #7e7e7e; layer-background-color: #7E7E7E
}
#pulloutUpDown {
LEFT: 5px; POSITION: absolute; TOP: 200px
}
#pulloutViewArea {
LEFT: 110px; WIDTH: 285px; CLIP: rect(0px 285px 240px 0px); POSITION: absolute; TOP: 5px; HEIGHT: 240px; BACKGROUND-COLOR: #000000; layer-background-color: #000000
}
#pullout0Window {
LEFT: 0px; WIDTH: 285px; CLIP: rect(0px 285px 240px 0px); POSITION: absolute; TOP: 0px; HEIGHT: 240px; BACKGROUND-COLOR: #dedede; layer-background-color: #DEDEDE
}
#pullout0Content {
LEFT: 5px; WIDTH: 275px; POSITION: absolute; TOP: 0px
}
#pullout1Window {
LEFT: -285px; WIDTH: 285px; CLIP: rect(0px 285px 240px 0px); POSITION: absolute; TOP: 0px; HEIGHT: 240px; BACKGROUND-COLOR: #c5c5c5; layer-background-color: #C5C5C5
}
#pullout1Content {
LEFT: 5px; WIDTH: 275px; POSITION: absolute; TOP: 0px
}
#pullout2Window {
LEFT: -285px; WIDTH: 285px; CLIP: rect(0px 285px 240px 0px); POSITION: absolute; TOP: 0px; HEIGHT: 240px; BACKGROUND-COLOR: #a2a2a2; layer-background-color: #A2A2A2
}
#pullout2Content {
LEFT: 5px; WIDTH: 275px; POSITION: absolute; TOP: 0px
}
#pullout3Window {
LEFT: -285px; WIDTH: 285px; CLIP: rect(0px 285px 240px 0px); POSITION: absolute; TOP: 0px; HEIGHT: 240px; BACKGROUND-COLOR: #7e7e7e; layer-background-color: #7E7E7E
}
#pullout3Content {
LEFT: 5px; WIDTH: 275px; POSITION: absolute; TOP: 0px
}
#pullout4Window {
LEFT: -285px; WIDTH: 285px; CLIP: rect(0px 285px 240px 0px); POSITION: absolute; TOP: 0px; HEIGHT: 240px; BACKGROUND-COLOR: #7e7e7e; layer-background-color: #7E7E7E
}
#pullout4Content {
LEFT: 5px; WIDTH: 275px; POSITION: absolute; TOP: 0px
}
</STYLE>
<META content="MSHTML 6.00.2800.1522" name=GENERATOR></HEAD>
<BODY text=#000000 bgColor=#cccccc leftMargin=0 topMargin=5 onload=init()>
<TABLE height=30 cellSpacing=0 cellPadding=0 width=600 align=center border=0>
<TBODY>
<TR>
<TD width=250 background=js_top.files/top_bg02.gif><FONT
color=#ffffff> 多页文本叠放效果</FONT></TD>
<TD width=6 background=js_top.files/top_bg03.gif><IMG height=30
src="js_top.files/top03.gif" width=6></TD>
<TD width=592 background=js_top.files/top_bg03.gif>
<DIV align=right><A class=w href="javascript:senderr()"><FONT
color=yellow>发送错误报告</FONT></A> </DIV></TD></TR>
<TR bgColor=#f7f7f7>
<TD colSpan=3>
<TABLE cellSpacing=0 cellPadding=0 width="90%" align=center border=0>
<TBODY>
<TR>
<TD height=25><STRONG><FONT
color=#000000>介绍：</FONT></STRONG>适合多页文本展示用</TD></TR>
<TR>
<TD height=25><STRONG><FONT
color=#000000>演示：</FONT></STRONG></TD></TR></TBODY></TABLE></TD></TR>
<TR bgColor=#f7f7f7>
<TD colSpan=3 height=150>
<DIV id=pulloutInterface>
<DIV id=pullout0Sidebar>
<P align=center><A href="javascript:pulloutStart(0)">第一页</A></P></DIV>
<DIV id=pullout1Sidebar>
<P align=center><A href="javascript:pulloutStart(1)">第二页</A></P></DIV>
<DIV id=pullout2Sidebar>
<P align=center><A href="javascript:pulloutStart(2)">第三页</A></P></DIV>
<DIV id=pullout3Sidebar>
<P align=center><A href="javascript:pulloutStart(3)">第四页</A></P></DIV>
<DIV id=pullout4Sidebar>
<P align=center><A href="javascript:pulloutStart(4)">第五页</A></P></DIV>
<DIV id=pulloutUpDown><A onmouseup=pulloutScroll[pulloutShown].stop()
class=scroll onmousedown=pulloutScroll[pulloutShown].up()
onmouseout=pulloutScroll[pulloutShown].stop()
href="javascript://%20Scroll%20Up">向上</A> <BR><A
onmouseup=pulloutScroll[pulloutShown].stop() class=scroll
onmousedown=pulloutScroll[pulloutShown].down()
onmouseout=pulloutScroll[pulloutShown].stop()
href="javascript://%20Scroll%20Down">向下</A> </DIV>
<DIV id=pulloutViewArea>
<DIV id=pullout0Window>
<DIV id=pullout0Content>
<DIV align=center><STRONG>第一页</STRONG></DIV>
<TABLE width=275 border=0>
<TBODY>
<TR>
<TD>
<P>This is item number 0. This text is here to fill up space. This
is item number 0. This text is here to fill up space. This is item
number 0. This text is here to fill up space. This is item number 0.
This text is here to fill up space.</P>
<P>This is item number 0. This text is here to fill up space. This
is item number 0. This text is here to fill up space. This is item
number 0. This text is here to fill up space. This is item number 0.
This text is here to fill up
space.</P></TD></TR></TBODY></TABLE></DIV></DIV>
<DIV id=pullout1Window>
<DIV id=pullout1Content>
<DIV align=center><STRONG>第二页</STRONG></DIV>
<TABLE width=275 border=0>
<TBODY>
<TR>
<TD>
<P>This is item number 1. This text is here to fill up space. This
is item number 1. This text is here to fill up space. This is item
number 1. This text is here to fill up space. This is item number 1.
This text is here to fill up space.</P>
<P>This is item number 1. This text is here to fill up space. This
is item number 1. This text is here to fill up space. This is item
number 1. This text is here to fill up space. This is item number 1.
This text is here to fill up space.</P>
<P>This is item number 1. This text is here to fill up space. This
is item number 1. This text is here to fill up space. This is item
number 1. This text is here to fill up space. This is item number 1.
This text is here to fill up space.</P>
<P>This is item number 1. This text is here to fill up space. This
is item number 1. This text is here to fill up space. This is item
number 1. This text is here to fill up space. This is item number 1.
This text is here to fill up space.</P>
<P>This is item number 1. This text is here to fill up space. This
is item number 1. This text is here to fill up space. This is item
number 1. This text is here to fill up space. This is item number 1.
This text is here to fill up space.</P>
<P>This is item number 1. This text is here to fill up space. This
is item number 1. This text is here to fill up space. This is item
number 1. This text is here to fill up space. This is item number 1.
This text is here to fill up
space.</P></TD></TR></TBODY></TABLE></DIV></DIV>
<DIV id=pullout2Window>
<DIV id=pullout2Content>
<DIV align=center><STRONG>第三页</STRONG></DIV>
<TABLE width=275 border=0>
<TBODY>
<TR>
<TD>
<P>This is item number 2. This text is here to fill up space. This
is item number 2. This text is here to fill up space. This is item
number 2. This text is here to fill up space. This is item number 2.
This text is here to fill up space.</P>
<P>This is item number 2. This text is here to fill up space. This
is item number 2. This text is here to fill up space. This is item
number 2. This text is here to fill up space. This is item number 2.
This text is here to fill up space.</P>
<P>This is item number 2. This text is here to fill up space. This
is item number 2. This text is here to fill up space. This is item
number 2. This text is here to fill up space. This is item number 2.
This text is here to fill up space.</P>
<P>This is item number 2. This text is here to fill up space. This
is item number 2. This text is here to fill up space. This is item
number 2. This text is here to fill up space. This is item number 2.
This text is here to fill up space.</P>
<P>This is item number 2. This text is here to fill up space. This
is item number 2. This text is here to fill up space. This is item
number 2. This text is here to fill up space. This is item number 2.
This text is here to fill up space.</P>
<P>This is item number 2. This text is here to fill up space. This
is item number 2. This text is here to fill up space. This is item
number 2. This text is here to fill up space. This is item number 2.
This text is here to fill up
space.</P></TD></TR></TBODY></TABLE></DIV></DIV>
<DIV id=pullout3Window>
<DIV id=pullout3Content>
<DIV align=center><STRONG>第四页</STRONG></DIV>
<TABLE width=275 border=0>
<TBODY>
<TR>
<TD>
<P>This is item number 0. This text is here to fill up space. This
is item number 0. This text is here to fill up space. This is item
number 0. This text is here to fill up space. This is item number 0.
This text is here to fill up space.</P>
<P>This is item number 0. This text is here to fill up space. This
is item number 0. This text is here to fill up space. This is item
number 0. This text is here to fill up space. This is item number 0.
This text is here to fill up space.</P>
<P>This is item number 0. This text is here to fill up space. This
is item number 0. This text is here to fill up space. This is item
number 0. This text is here to fill up space. This is item number 0.
This text is here to fill up space.</P>
<P>This is item number 0. This text is here to fill up space. This
is item number 0. This text is here to fill up space. This is item
number 0. This text is here to fill up space. This is item number 0.
This text is here to fill up space.</P>
<P>This is item number 0. This text is here to fill up space. This
is item number 0. This text is here to fill up space. This is item
number 0. This text is here to fill up space. This is item number 0.
This text is here to fill up
space.</P></TD></TR></TBODY></TABLE></DIV></DIV>
<DIV id=pullout4Window>
<DIV id=pullout4Content>
<DIV align=center><STRONG>第五页</STRONG></DIV>
<TABLE width=275 border=0>
<TBODY>
<TR>
<TD>
<P>This is item number 0. This text is here to fill up space. This
is item number 0. This text is here to fill up space. This is item
number 0. This text is here to fill up space. This is item number 0.
This text is here to fill up space.</P>
<P>This is item number 0. This text is here to fill up space. This
is item number 0. This text is here to fill up space. This is item
number 0. This text is here to fill up space. This is item number 0.
This text is here to fill up space.</P>
<P>This is item number 0. This text is here to fill up space. This
is item number 0. This text is here to fill up space. This is item
number 0. This text is here to fill up space. This is item number 0.
This text is here to fill up space.</P>
<P>This is item number 0. This text is here to fill up space. This
is item number 0. This text is here to fill up space. This is item
number 0. This text is here to fill up space. This is item number 0.
This text is here to fill up space.</P>
<P>This is item number 0. This text is here to fill up space. This
is item number 0. This text is here to fill up space. This is item
number 0. This text is here to fill up space. This is item number 0.
This text is here to fill up
space.</P></TD></TR></TBODY></TABLE></DIV></DIV></DIV></DIV></TD></TR>
<TR bgColor=#f7f7f7>
<TD colSpan=3 height=25>
<TABLE cellSpacing=0 cellPadding=0 width="90%" align=center border=0>
<TBODY>
<TR>
<TD style="LINE-HEIGHT: 150%" height=25><STRONG><FONT
color=#000000>说明：</FONT></STRONG>在<body>中加入onload=init()</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=0 width=600 align=center bgColor=#ffffff
border=0>
<TBODY>
<TR>
<TD height=10></TD></TR></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=0 width=600 align=center border=0>
<TBODY>
<TR>
<TD width=162 background=js_top.files/top_bg03.gif height=30> </TD>
<TD width=274 background=js_top.files/top_bg03.gif>
<DIV align=center><FONT color=#ffffff>以下代码加入<head>区域</FONT></DIV></TD>
<TD vAlign=top background=js_top.files/top_bg03.gif><INPUT class=button1 onclick="JM_cc('js_1')" type=button value=复制到我的剪贴板 name=Button>
</TD></TR>
<TR>
<TD bgColor=#f7f7f7 colSpan=3 height=120>
<DIV align=center><TEXTAREA class=textarea1 name=js_1 rows=6 wrap=VIRTUAL cols=80><SCRIPT language=JavaScript>
function DynLayer(id,nestref,frame) {
if (!is.ns5 && !DynLayer.set && !frame) DynLayerInit()
this.frame = frame || self
if (is.ns) {
if (is.ns4) {
if (!frame) {
if (!nestref) var nestref = DynLayer.nestRefArray[id]
if (!DynLayerTest(id,nestref)) return
this.css = (nestref)? eval("document."+nestref+".document."+id) : document.layers[id]
}
else this.css = (nestref)? eval("frame.document."+nestref+".document."+id) : frame.document.layers[id]
this.elm = this.event = this.css
this.doc = this.css.document
}
else if (is.ns5) {
this.elm = document.getElementById(id)
this.css = this.elm.style
this.doc = document
}
this.x = this.css.left
this.y = this.css.top
this.w = this.css.clip.width
this.h = this.css.clip.height
}
else if (is.ie) {
this.elm = this.event = this.frame.document.all[id]
this.css = this.frame.document.all[id].style
this.doc = document
this.x = this.elm.offsetLeft
this.y = this.elm.offsetTop
this.w = (is.ie4)? this.css.pixelWidth : this.elm.offsetWidth
this.h = (is.ie4)? this.css.pixelHeight : this.elm.offsetHeight
}
this.id = id
this.nestref = nestref
this.obj = id + "DynLayer"
eval(this.obj + "=this")
}
function DynLayerMoveTo(x,y) {
if (x!=null) {
this.x = x
if (is.ns) this.css.left = this.x
else this.css.pixelLeft = this.x
}
if (y!=null) {
this.y = y
if (is.ns) this.css.top = this.y
else this.css.pixelTop = this.y
}
}
function DynLayerMoveBy(x,y) {
this.moveTo(this.x+x,this.y+y)
}
function DynLayerShow() {
this.css.visibility = (is.ns4)? "show" : "visible"
}
function DynLayerHide() {
this.css.visibility = (is.ns4)? "hide" : "hidden"
}
DynLayer.prototype.moveTo = DynLayerMoveTo
DynLayer.prototype.moveBy = DynLayerMoveBy
DynLayer.prototype.show = DynLayerShow
DynLayer.prototype.hide = DynLayerHide
DynLayerTest = new Function('return true')
// DynLayerInit Function
function DynLayerInit(nestref) {
if (!DynLayer.set) DynLayer.set = true
if (is.ns) {
if (nestref) ref = eval('document.'+nestref+'.document')
else {nestref = ''; ref = document;}
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -