九色国产,午夜在线视频,新黄色网址,九九色综合,天天做夜夜做久久做狠狠,天天躁夜夜躁狠狠躁2021a,久久不卡一区二区三区

實(shí)例說(shuō)明
  網(wǎng)站中的導(dǎo)航菜單是網(wǎng)站首頁(yè)必不可少的表單元素。美觀、新穎的導(dǎo)航菜單會(huì)為網(wǎng)站增加許多。本實(shí)例將實(shí)現(xiàn)一個(gè)半透明效果的菜單。
關(guān)鍵技術(shù)
  半透明效果的菜單可以通過(guò)CSS樣式中的濾鏡filter來(lái)實(shí)現(xiàn)。在濾鏡中使用alpha屬性設(shè)置透明程度（范圍0~100，0表示完全透明，100表示不透明），其語(yǔ)法格式如下：
  {Filter:alpha(opacity=opacity,finishopacity=finishopacity,sytle=sytle,startx=startx,starty=starty,finishx=finishx,
  finishx=finishyx)}
  例如，下面的語(yǔ)句將濾鏡透明程度設(shè)置為50%。
  Filter:Alpha(Opacity=50);
設(shè)計(jì)過(guò)程
  （1）使用Dreamweaver創(chuàng)建一個(gè)PHP動(dòng)態(tài)頁(yè)，保存在index.php文件。
  （2）創(chuàng)建一個(gè)表單，在表單中添加一個(gè)3行1列的表格，在第2行中再添加一個(gè)1行3列的表格。
  （3）定義CSS樣式表，設(shè)置超鏈接的效果和半透明菜單的效果，代碼如下：
   <style type="text/css">
   A{
   COLOR:blue;FONT-SIZE:10pt;TEXT-DECORATION:none;color:#FF6600
   }
   A:hover{
   COLOR:black;FONT-SIZE:10pt;color:#395531
   }
   .transMenu{
         BORDER:#666666  1px solid;
         FONT: 12px  Verdana;
         POSITION:absolute;
         background-image:url("images/item_out.jpg");
         background-repeat:repeat-y;
         Filter:Alpha(Opacity=50);
   }
   </style>
   （4）利用JavaScript腳本控制菜單的顯示與隱蔽，代碼如下：
   <script language="javascript">
   function ShowMenu(divID,menuItem){          //顯示子菜單
           if(document.all){
                  switch(menuItem){
                        case'網(wǎng)站導(dǎo)航';
                        {
                              var htmltxt="<a href='www.mingribook.com'>明日?qǐng)D書(shū)網(wǎng)站</a><br><a href=
   'www.mrbccd.cn'>明日編程社區(qū)</a><br><a href='www.mrsoft.com'>明日軟件</a><br>";
                   MenuID.innerHTML=htmltxt;               //設(shè)置DIV代碼
                   MenuID.style.padding="5px";             //設(shè)置DIV邊距
                   MenuID.style.height="55px";             //設(shè)置DIV高度
                   break;
              }
              case'技術(shù)支持':
              {
                   var menutxt="<a href='www.mingribook.com'>QQ</a><br><a href='www.mrbccd.cn'>MSN</a><br><a href='www.mrsoft.com'>Phone</a><br>";
                   MenuID.innerHTML=menutxt;               //設(shè)置DIV代碼
                   MenuID.style.padding="5px";             //設(shè)置DIV邊距
                   MenuID.style.height="55px";             //設(shè)置DIV高度
                   break;
              }
           }
           //設(shè)置菜單顯示位置
           MenuID.style.left=document.body.scrollLeft+event.clientX-event.offsetX;
           mEnuID.style.top=document.body.scrollTop+event.clientY-event.offsetY+18;
           MenuID.style.display="block";
      }
   }
   function HideMenu(){
           if(document.all){                              //隱藏子菜單
                    MenuID.style.display="none";          //隱藏DIV
           }
   }
   if(document.all){
         document.onmousemove=HideMenu;                   //鼠標(biāo)在表單中移動(dòng)時(shí)隱藏菜單
  }
  </script>
秘笈心法
  設(shè)置鼠標(biāo)移動(dòng)到超鏈接的效果。
  在使用超鏈接時(shí)通常會(huì)為超鏈接設(shè)置一些特效。例如，當(dāng)用戶鼠標(biāo)移動(dòng)或單擊超鏈接時(shí)文本顏色發(fā)生變化。要實(shí)現(xiàn)這一功能簡(jiǎn)單的方式是定義CSS樣式表，例如：
  A:hover{
  FONT-SIZE:10px;
  color:#395531
  }

本站僅提供存儲(chǔ)服務(wù)，所有內(nèi)容均由用戶發(fā)布，如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容，請(qǐng)點(diǎn)擊舉報(bào)。