浮动图层制作方法.docVIP

浮动图层制作方法.txt真正的好朋友并不是在一起有说不完的话题，而是在一起就算不说话也不会觉得尴尬。你在看别人的同时，你也是别人眼中的风景。要走好明天的路，必须记住昨天走过的路，思索今天正在走着的路。一、浮动图层制作方法一 　　1、把下面这段Javascript程序复制到网页源代码的〈head〉与〈/head〉之间： 〈script language=javascript〉 function myload() { mydiv.style.top=108; mydiv.style.left=window.screen.width-100 mymove(); } var a var b=10 // 改变b的值，将改变浮动图层离左边界的距离 var x=0 function mymove() { window.screen.width〉800 ? a=50:a=10 { mydiv.style.top=document.body.scrollTop+a // 改变a的值，将改变浮动图层离上边界的距离 mydiv.style.left=b setTimeout(mymove();,1) // 这个函数设置的是浮动图层移动的时间，第二个参数越大，移动得越慢。 } } 〈/script〉 　　2、把下面这段Javascript程序复制到网页源代码的〈body〉与〈/body〉之间： 〈script language=javascript〉 { document.write(〈div id=mydiv style= position: absolute; width:180;top:100;left:578;visibility: visible;z-index: 1〉 〈table width=100% border=2 cellpadding=2 cellspacing=2 bordercolorlight=#FFFF66 bordercolordark=#33FF33〉〈tr〉〈td〉〈p〉〈a href=../home2.htm〉返回〈/a〉〈/p〉〈/td〉 〈td〉〈a href=../hylayer_2.htm〉上一页〈/a〉〈/td〉 〈td〉〈a href=../hylayer_4.htm〉下一页〈/a〉〈/td〉 〈td〉〈a href=#a〉页首〈/a〉〈/td〉 〈/tr〉 〈/table〉 〈img src= border=0〉 〈/div〉); myload() } 〈/script〉 　　上面括号中是浮动图层的HTML代码，由于HTML代码是用双引号括起来的，所以原HTML中的双引号必须改成单引号，上面〈img src= border=0〉中是空的，你可以加上图片的相对路径，就可以在浮动图层上显示图象了，若不用图片，可把这一句删去。 　　3、在〈body〉标记中加上这样一句代码：onLoad=myload()。这样在浏览器中就可见到象你在这里看到的一样的浮动图层了，在编辑窗中是看不到的。 二、浮动图层制作方法二 　　1、在网页上插入一个图层，图层名改为：mydiv (不能用其它名称），把图层放在你认为合适的位置，并在图层上写上内容； 　　2、把下面这段代码复制到网页源代码的〈head〉与〈/head〉之间： 〈style type=text/css media=screen〉 #mydiv { position: absolute; width: 90; visibility: visible; z-index: 20; } --〉 〈/style〉 　　3、把下面这段Javascript程序复制到网页源代码的〈body〉与〈/body〉之间： 〈script LANGUAGE=JavaScript〉 self.onError=null; currentX = currentY = 0; whichIt = null; lastScrollX = 0; lastScrollY = 0; NS = (document.layers) ? 1 : 0; IE = (document.all) ? 1: 0; 〈!-- 这个函数根据不同的浏览器设置初始值--〉 function heartBeat() { if(IE) { diffY = document.body.scrollTop; diffX = document.body.scrollLeft; } if(NS) { diffY = self.pageYOffset; diffX = self.pageXOffset; } if(diffY != lastScrollY) { percent = .1 * (diff