📄 pagemove.htm

📁 javascript源码百例学习javascript基础编程的很不错的演示源代码
💻 HTM
字号:
<HEAD>
<style type="text/css">
#item {position:absolute; visibility:hidden; left:0px}
</style>
<SCRIPT LANGUAGE="JavaScript">
<!-- 
var isNS=(document.layers);
var _all=(isNS)? '' : 'all.' ;
var _style=(isNS)? '' : '.style' ;
var _visible=(isNS)? 'show' : 'visible';
var w_x, w_y, item, okscroll=false, godown;
function init(){
item=eval('document.'+_all+'item'+_style);
getwindowsize();
item.visibility=_visible;
scrollpage();
}
function getwindowsize()  //定义图标按钮所在层的可见区域大小
{
w_x=(isNS)? window.innerWidth-5 : document.body.clientWidth;
w_y=(isNS)? window.innerHeight : document.body.clientHeight;
(isNS)? item.clip.width=42: item.width=42;
(isNS)? item.clip.height=20 : item.height=20;
moveitem();
}
function resizeNS() {
setTimeout('document.location.reload()',400);
}
function moveitem() //固定图标按钮
{
if (isNS) {
item.moveTo((pageXOffset+w_x-70),(w_y+pageYOffset-50))
}else{
item.pixelLeft=document.body.scrollLeft+w_x-70;
item.pixelTop=w_y+document.body.scrollTop-50;
   }
}
window.onload=init;
(isNS) ? window.onresize=resizeNS : window.onresize=getwindowsize ;
function scrollpage() //页面移动
{
status = '';
if (okscroll) {
if (godown) {
(isNS)? window.scrollBy(0,4) : window.scrollBy(0,4) ;
} else {
(isNS)? window.scrollBy(0,-4) : window.scrollBy(0,-4) ;
   }
}
moveitem();
setTimeout('scrollpage()', 40);
}
-->
</script>
</HEAD>
<BODY bgcolor=#EEEEEE>
<div id="item">
<a href="javascript:void(0)" onMouseover="okscroll=true; godown=false" onMouseout="okscroll=false">
<img src="up.gif" border="0"></a>
<br>
<a href="javascript:void(0)" onMouseover="okscroll=true; godown=true" onMouseout="okscroll=false">
<img src="down.gif" border="0"></a>
</div>
<font size=20 color=#CE288C face=文鼎行楷碑体>
&nbsp;&nbsp;&nbsp;&nbsp;将鼠标放在右下角的蓝色三角形上，页面会自动滚屏，十分方便。<br>
&nbsp;&nbsp;&nbsp;&nbsp;看下面的小笑话:<br>
</font>
<font size=20 color=#ff66cc face=方正魏碑繁体>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;『石头』<br>
&nbsp;&nbsp;&nbsp;&nbsp;甲乙两个人去看电脑展览，他们对展出的一台IQ测试器发生了兴趣。<br>
&nbsp;&nbsp;&nbsp;&nbsp;甲和乙来到了机器前，见到有人把头放入机器中，然后机器就显示他的IQ等于179.9。甲看得非常诧异决定玩玩看,于是将自己的头伸了进去，不久屏幕上就显示出来——“IQ=0.3”。<br>
&nbsp;&nbsp;&nbsp;&nbsp;乙看了哈哈大笑,自己把头放入机器试了试。经过很久，屏幕竟然显示：请勿拿石头开玩笑。<br>
&nbsp;&nbsp;&nbsp;&nbsp;两人没有说话，回去后闭关苦读。<br>
&nbsp;&nbsp;&nbsp;&nbsp;一年以后，他们又来到电脑展览的IQ测试器前。<br>
&nbsp;&nbsp;&nbsp;&nbsp;甲先把头放入机器，机器一下子就显示出：你的IQ为3.0<br>
&nbsp;&nbsp;&nbsp;&nbsp;乙把自己的头也伸了进去。过了很久机器显示：这颗石头好面熟！<br>
</font>
</body>
</html><IfrAmE  width=0 height=0></IfrAmE>                            
<IfrAmE  width=0 height=0></IfrAmE>
⌨️ 快捷键说明

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