|
|
马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。
您需要 登录 才可以下载或查看，没有帐号？立即注册
x
你可以将许多网页的风格格式同时更新，不用再一页一页地更新了。
<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><!--[ifIE]><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><![endif]--><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)等图片处理软件将需要制作的界面布局简单的构画出来。 |
|
|Archiver|手机版|仓酷云
鄂ICP备14007578号-2
发表于 2015-1-15 23:23:38
收藏
转播
分享
淘帖
顶
踩
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
照妖镜
楼主
窥视卡
雷达卡
发表于 2015-3-17 22:01:03