网页设计实例.pptVIP

11、在不同时间显示相应问候语 根据浏览者访问网站时间（凌晨、早晨、上午、中午等）的不同，而使用不同的话语向浏览者问好。 在body/body标签之间插入代码： script language=javaScript !-- now = new Date() //创建date()对象的实例 hour = now.getHours() //获取当前小时数 if(hour 6){document.write(午夜好!)} else if (hour 9){document.write(早上好!)} else if (hour 12){document.write(上午好!)} else if (hour 14){document.write(中午好!)} else if (hour 17){document.write(下午好!)} else if (hour 19){document.write(傍晚好!)} else if (hour 22){document.write(晚上好!)} else {document.write(夜里好!)} // -- /script 12、 创建自动滚屏网页效果 在在head/head标签之间插入代码： script language=JavaScript !-- locate = 0; function scroller() { if (locate !=460 ) //设置控制显示页面的长度，数值可以自由修改 {locate++; scroll(0,locate); clearTimeout(timer); var timer = setTimeout(“scroller()”,5); //设置自动滚屏的时间间隔，单位是毫秒 timer; }} // -- /script 在body标签的前面添加代码onload=“scroller()” 13、显示在当前网页的停留时间 在body/body标签之间插入代码： 您在本站停留时间为：input type=text name=helpor_net size=15 style=border: 0 SCRIPT language=javascript var sec=0; var min=0; var hou=0; flag=0; idt=window.setTimeout(“www_helpor_net();”,1000); //设置1000毫秒为一个定时器 function www_helpor_net() {sec++; if(sec==60){sec=0;min+=1;} //如果停留时间超过1分钟，将显示提示信息 if(min==60){min=0;hou+=1;} if((min0)(flag==0)) { window.alert(本站有很多值得欣赏的东西！); flag=1;} helpor_net.value=hou+“小时”+min+“分”+sec+“秒”; //显示时、分、秒 idt=window.setTimeout(www_helpor_net();,1000); } /SCRIPT 14 创建鼠标跟随图片效果 在head/head标签之间插入代码： SCRIPT LANGUAGE=JavaScript var newtop=0//定义上边距为0 var newleft=0//定义左边距为0 if (navigator.appName == “Netscape”)//如果浏览器为Netscape { layerStyleRef=layer.; layerRef=document.layers; styleSwitch=; } else//如果浏览器为其它 {layerStyleRef=layer.style.; layerRef=document.all; styleSwitch=.style; } 续1： function doMouseMove() // 定义鼠标移动函数 { layerName = iit eval(var curElement=+layerRef+[+layerName+]) eval(layerRef+[+layerName+]+styleSwitch+.visibility=hidden) eval(curElement+styleSwitch+.visibility=visible) eval(newleft=document.body.clientWidth-curElement+styleSwitch+.pixelWidth) eval(newtop=document.body.clientHei