CSS教程之凸显本性 网页右键菜单我作主
你可以将许多网页的风格格式同时更新，不用再一页一页地更新了。<HTML><HEAD><TITLE>右键菜单的淡进淡出效果</TITLE><METAcontent="text/html;charset=gb2312"http-equiv=Content-Type><SCRIPTlanguage=JavaScript><!--//RightClickMenuvarintDelay=10;//设置菜单显现速率，越年夜越慢varintInterval=5;//每次变动的通明度functionshowmenuie5(){varrightedge=document.body.clientWidth-event.clientXvarbottomedge=document.body.clientHeight-event.clientYif(rightedge<ie5menu.offsetWidth)ie5menu.style.left=document.body.scrollLeft+event.clientX-ie5menu.offsetWidthelseie5menu.style.left=document.body.scrollLeft+event.clientXif(bottomedge<ie5menu.offsetHeight)ie5menu.style.top=document.body.scrollTop+event.clientY-ie5menu.offsetHeightelseie5menu.style.top=document.body.scrollTop+event.clientYie5menu.style.visibility="visible"//ie5menu.style.visibility=""ie5menu.filters.alpha.opacity=0GradientShow()returnfalse}functionhidemenuie5(){//ie5menu.style.visibility="hidden"GradientClose()}functionhighlightie5(){if(event.srcElement.className=="menuitems"){event.srcElement.style.backgroundColor="highlight"event.srcElement.style.color="white"}}functionlowlightie5(){if(event.srcElement.className=="menuitems"){event.srcElement.style.backgroundColor=""event.srcElement.style.color="#000000"}}functionjumptoie5(){if(event.srcElement.className=="menuitems"){if(event.srcElement.url!=){if(event.srcElement.getAttribute("target")!=null)window.open(event.srcElement.url,event.srcElement.getAttribute("target"))elsewindow.location=event.srcElement.url}}}functionGradientShow()//完成淡进的函数{ie5menu.filters.alpha.opacity+=intIntervalif(ie5menu.filters.alpha.opacity<100)setTimeout("GradientShow()",intDelay)}functionGradientClose()//完成淡出的函数{ie5menu.filters.alpha.opacity-=intIntervalif(ie5menu.filters.alpha.opacity>0){setTimeout("GradientClose()",intDelay)}else{ie5menu.style.visibility="hidden"}}functionChangeBG()//改动菜单项的背景色彩，这里的两种色彩值能够改成你必要的{oEl=event.srcElementif(oEl.style.background!="navy"){oEl.style.background="navy"}else{oEl.style.background="#cccccc"}}//--></SCRIPT><STYLEtype=text/css>.cMenu{FILTER:alpha(opacity=0);BACKGROUND-COLOR:#D6D3CE;BORDER-BOTTOM:#6666662pxsolid;BORDER-LEFT:#E4E4E42pxsolid;BORDER-RIGHT:#6666662pxsolid;BORDER-TOP:#E4E4E42pxsolid;COLOR:#000000;CURSOR:default;FONT-SIZE:9pt;color:#000000;FONT-WEIGHT:normal;LINE-HEIGHT:20px;POSITION:absolute;VISIBILITY:hidden;WIDTH:110px}.menuitems{font-size:9pt;MARGIN:2px;PADDING-BOTTOM:0px;PADDING-LEFT:15px;PADDING-RIGHT:3px;PADDING-TOP:0px;}</STYLE><METAcontent="MicrosoftFrontPage4.0"name=GENERATOR></HEAD><BODY><OBJECTclassid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2height=0id=WebBrowserwidth=0></OBJECT><RIGHTCLICK><!--><DIVclass=cMenuid=ie5menuonclick=jumptoie5()onmou搜索引擎优化ut=lowlightie5()onmou搜索引擎优化ver=highlightie5()><DIVclass=menuitemsurl="javascript:click_obj(0)">前进</DIV><DIVclass=menuitemsurl="javascript:click_obj(1)">行进</DIV><DIVclass=menuhr><hrstyle="width:100%"></DIV><DIVclass=menuitemsurl="javascript:click_obj(2)">革新</DIV><DIVclass=menuitemsurl="javascript:click_obj(3)">到场保藏夹</DIV><DIVclass=menuitemsurl="javascript:click_obj(4)">检察源文件</DIV><DIVclass=menuhr><hrstyle="width:100%"></DIV><DIVclass=menuitemsurl="javascript:click_obj(5)">属性</DIV></DIV><!--><SCRIPTlanguage=JavaScript><!--functionclick_obj(id){switch(id){case0:history.back()breakcase1:history.forward()breakcase2:window.location.reload()breakcase3:window.external.AddFavorite(location.href,document.title)breakcase4:window.location="view-source:"+window.location.hrefbreakcase5:document.all.WebBrowser.ExecWB(10,1)break}}if(document.all&&window.print){ie5menu.className="cMenu"document.oncontextmenu=showmenuie5document.body
12下一页
一般来说还需要用PhotoShop或FireWorks(以下简称PS或FW)等图片处理软件将需要制作的界面布局简单的构画出来。
CSS教程之凸显本性 网页右键菜单我作主
CSS的极大优势表现在简洁的代码，对于一个大型网站来说，可以节省大量带宽，而且众所周知，搜索引擎喜欢清洁的代码。.onclick=hidemenuie5}//--></SCRIPT></RIGHTCLICK></BODY></HTML></p></p>上一页12
声明块由一个一个的声明组成,声明由属性和值组成,属性和值用冒号隔开,分号结束。 足见市场的反响和MACROMEDIA公司对它们的自信。说到Dreamweaver8我们应该了解一下网页编辑器的发展过程，随着互联网(Internet)的家喻户晓。 HTML技术的不断发展和完善，随之而产生了众多网页编辑器，从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器（则原始代码编辑器） Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器，在编辑时能同时看到源码和设计界面，非常方便新手学习制作网页。 每天上网看着那样多的网页，于是我才下定决心选择了网页制作这一门课程，目的就是希望以后能够做出一个完美的网页来。 足见市场的反响和MACROMEDIA公司对它们的自信。说到Dreamweaver8我们应该了解一下网页编辑器的发展过程，随着互联网(Internet) 的家喻户晓。 Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH，专业网页图像设计软件FIREWORKS，并称为“网页三剑客”。 这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时，就要多花时间对其产生初步的印象。此外，多操作也是非常重要的。 还可以在Dreamweaver常用工具中选择超级链接，完成相应的填写即可。
页:
[1]