百度首页制作.pptVIP

页面的整体布局 可以使用图层完成 也可以使用表格实现 图层的应用 将任意图层在页面中设置居中： #layer1{width:600px;margin:0px auto} 图层的相对位置设置relative应用，使用图层的相对定位后，图层不会因为窗口大小的变化而出现错位现象（通过导航菜单讲解，并在百度页面中应用） 对于使用相对定位的图层，只能使用代码设置显示或隐藏，例如图层id为layer2，设置显示该图层的代码时：document.getElementById(“layer2”).style.visibility=‘visible’，隐藏则为’hidden’ 设置点击页面任意位置使图层消失 设置函数实现 function hidediv() { if (event.srcElement.id !=pic1) document.getElementById(layer2).style.visibility=hidden; else if (event.srcElement.id ==pic1) document.getElementById(layer2).style.visibility=visible; } var ClickSuccess = false; var opened = false; function myclick() { if (!opened !ClickSuccess) { if (window.Event) { top.document.captureEvents(Event.CLICK); document.captureEvents(Event.CLICK); } top.document.onclick = hidediv; document.onclick = hidediv; self.focus(); ClickSuccess=true; } } myclick(); 手状鼠标的设置 若要鼠标悬浮于某个元素上方时显示手状（非超链接应用），只需要对该元素设置样式style=“cursor:hand” 鼠标悬浮于“百度一下”按钮上方边框色的设置：onmouseover=this.style.border-color:yellow“ 鼠标悬浮于输入法图层文本时背景色的设置 onmouseover=this.style.backgroundColor=#cccccc“ 离开后恢复白色设置 ACCP V4.0