手动滚动窗口

 

点击这里看效果


在 <head> 与 </head>之间加入:

<SCRIPT TYPE="text/javascript">
if (navigator.userAgent.indexOf("MSIE") == -1 || navigator.appVersion.substring(0,1) < 4)
{ scss = ' ' }
else {
scss='<style type="text/css">'+' .p9 { font-family: "宋体"; font-size: 9pt; color:#ffffff}'+'A:link {text-decoration: none; color: #660000}'+'A:visited {text-decoration: none; color: #660000}'+
'A:hover {text-decoration: none; color:#FF0000}'+'</style>';
}
document.write(scss)
</script>
<style>.u { font-size: 11pt}
</style>

<SCRIPT language=JavaScript>
<!--
function tmt_LayerScroller(targetNN, targetIE, dx, dy, delay) {
if (document.layers) {
target = eval(targetNN);
var cl = target.clip.left;
var ct = target.clip.top;
var cr = target.clip.right;
var cb = target.clip.bottom;
var l = target.left;
var t = target.top;
if (cl + dx < 0) {
dx = -cl;
} else {
if (ct + dy < 0) {
dy = -ct;
}
}
target.clip.left = cl + dx;
target.clip.top = ct + dy;
target.clip.right = cr + dx;
target.clip.bottom = cb + dy;
target.top = t - dy;
target.left = l - dx;
} else {
if (document.all) {
IEobjStr = targetIE.replace("['", ".");
target = eval(IEobjStr.replace("']", ""));
if (target.style.clip) {
var clipv = target.style.clip.split("rect(")[1].split(")")[0].split("px");
var ct = Number(clipv[0]);
var cr = Number(clipv[1]);
var cb = Number(clipv[2]);
var cl = Number(clipv[3]);
var l = target.style.pixelLeft;
var t = target.style.pixelTop;
}
if (cl + dx < 0) {
dx = -cl;
} else {
if (cr + dx > target.style.pixelWidth) {
dx = target.style.pixelWidth - cr;
}
}
if (ct + dy < 0) {
dy = -ct;
} else {
if (cb + dy > target.style.pixelHeight) {
dy = target.style.pixelHeight - cb;
}
}
ncl = cl + dx;
nct = ct + dy;
ncr = cr + dx;
ncb = cb + dy;
target.style.pixelTop = t - dy;
target.style.pixelLeft = l - dx;
eval("target.style.clip = 'rect(' + nct + ' ' + ncr + ' ' + ncb + ' ' + ncl +')'");
}
}
target.tmtScrollo = setTimeout("tmt_LayerScroller(\"" + targetNN + "\",\"" + targetIE + "\"," + dx + "," + dy + "," + delay + ")", delay);
}

function tmt_LayerScrollerStop(){
var args = tmt_LayerScrollerStop.arguments;var i=0;
for (i=0;i<args.length;i++){
tmt_div=args[i];
if (document.all){eval("tmt_div=tmt_div.replace(/.layers/gi, '.all')")}
if ((document.all)||(document.layers))
{eval("if("+tmt_div+".tmtScrollo!=null)clearTimeout("+tmt_div+".tmtScrollo)")}
}
}
//-->
</SCRIPT>

在 <body> 与 </body> 之间加入:

<div id=txtspace style="CLIP: rect(0px 700px 400px 0px);
LEFT: 19px; POSITION: absolute; TOP: 39px; WIDTH: 700px;
Z-INDEX: 4; height: 250%">
<!-改变height的高度即可改变向下看的长度>

<table width=100% border="0" bgcolor="#CCCCCC">
<tr> <td width=35 bgcolor="#666666"></td><td>
<TABLE WIDTH="100%" BORDER="1" CELLSPACING="0"
CELLPADDING="0"><TR>
<TD>&nbsp;</TD></TR><TR><TD>&nbsp;</TD></TR>
<TR><TD>&nbsp;</TD></TR><TR><TD>&nbsp;</TD>
</TR><TR><TD>&nbsp;</TD></TR><TR><TD>&nbsp;
</TD></TR><TR><TD>&nbsp;</TD></TR><TR><TD>&nbsp;
</TD></TR><TR><TD>&nbsp;</TD></TR><TR><TD>&nbsp;
</TD></TR><TR><TD>&nbsp;</TD></TR><TR><TD>&nbsp;
</TD></TR><TR><TD>&nbsp;</TD></TR><TR><TD>&nbsp;
</TD></TR><TR><TD>&nbsp;</TD></TR><TR><TD>&nbsp;
</TD></TR><TR><TD>&nbsp;</TD></TR><TR><TD>&nbsp;
</TD></TR><TR><TD>&nbsp;</TD></TR><TR><TD>&nbsp;
</TD></TR><TR><TD>&nbsp;</TD></TR><TR><TD>&nbsp;
</TD></TR><TR><TD>&nbsp;</TD></TR><TR><TD>&nbsp;
</TD></TR><TR><TD>&nbsp;</TD></TR><TR><TD>&nbsp;
</TD></TR><TR><TD>&nbsp;</TD></TR><TR><TD>&nbsp;
</TD></TR><TR><TD>&nbsp;</TD></TR><TR><TD>&nbsp;
</TD></TR><TR><TD>&nbsp;</TD></TR><TR><TD>&nbsp;
</TD></TR><TR><TD>&nbsp;</TD></TR><TR><TD>&nbsp;
</TD></TR><TR><TD>&nbsp;</TD></TR><TR><TD>&nbsp;
</TD></TR><TR><TD>&nbsp;</TD></TR><TR><TD>&nbsp;
</TD></TR><TR><TD>&nbsp;</TD></TR><TR><TD>&nbsp;
</TD></TR><TR><TD>&nbsp;</TD></TR><TR><TD>&nbsp;
</TD></TR><TR><TD>&nbsp;</TD></TR><TR><TD>&nbsp;
</TD></TR><TR><TD>&nbsp;</TD></TR><TR><TD>&nbsp;
</TD></TR><TR><TD>&nbsp;</TD></TR><TR><TD>&nbsp;
</TD></TR><TR><TD>&nbsp;</TD></TR><TR><TD>&nbsp;
</TD></TR></TABLE><P>&nbsp;</P>
<td width=35 bgcolor="#666666"></td></tr>
</table></div>

<div id=scroller style="HEIGHT: 50px; LEFT:726px;
POSITION: absolute; TOP: 121px; WIDTH: 51px; Z-INDEX: 3">
<p>
<a href="#"
onMouseOut="tmt_LayerScrollerStop('document.layers[\'txtspace\']')"
onMouseOver="tmt_LayerScroller('document.layers[\'txtspace\']',
'document.all[\'txtspace\']',0,-2,0)" class="u">向上看</a>
<a href="#"
onMouseOut="tmt_LayerScrollerStop('document.layers[\'txtspace\']')"
onMouseOver="tmt_LayerScroller('document.layers[\'txtspace\']',
'document.all[\'txtspace\']',0,2,0)"></a></p><p>&nbsp;</p><p>&nbsp;</p><p><br>
<a
href="#"
onMouseOut="tmt_LayerScrollerStop('document.layers[\'txtspace\']')"
onMouseOver="tmt_LayerScroller('document.layers[\'txtspace\']',
'document.all[\'txtspace\']',0,2,0)"><br>
<span class="u">向下看</span></a> </p>
</div><span class="u"></span>