久久免费视频91,青青草原影院伊人,国产剧情在线播放一区二区,亚欧日韩欧美一区

<menu id="meme2"><acronym id="meme2"></acronym></menu>
  • <dfn id="meme2"><code id="meme2"></code></dfn>
    <tbody id="meme2"><td id="meme2"></td></tbody>
  • <menu id="meme2"><acronym id="meme2"></acronym></menu>
  • 首頁 考試吧論壇 Exam8視線 考試商城 網(wǎng)絡(luò)課程 模擬考試 考友錄 實用文檔 求職招聘 論文下載
    2011中考 | 2011高考 | 2012考研 | 考研培訓(xùn) | 在職研 | 自學(xué)考試 | 成人高考 | 法律碩士 | MBA考試
    MPA考試 | 中科院
    四六級 | 職稱英語 | 商務(wù)英語 | 公共英語 | 托福 | 雅思 | 專四專八 | 口譯筆譯 | 博思 | GRE GMAT
    新概念英語 | 成人英語三級 | 申碩英語 | 攻碩英語 | 職稱日語 | 日語學(xué)習(xí) | 法語 | 德語 | 韓語
    計算機(jī)等級考試 | 軟件水平考試 | 職稱計算機(jī) | 微軟認(rèn)證 | 思科認(rèn)證 | Oracle認(rèn)證 | Linux認(rèn)證
    華為認(rèn)證 | Java認(rèn)證
    公務(wù)員 | 報關(guān)員 | 銀行從業(yè)資格 | 證券從業(yè)資格 | 期貨從業(yè)資格 | 司法考試 | 法律顧問 | 導(dǎo)游資格
    報檢員 | 教師資格 | 社會工作者 | 外銷員 | 國際商務(wù)師 | 跟單員 | 單證員 | 物流師 | 價格鑒證師
    人力資源 | 管理咨詢師考試 | 秘書資格 | 心理咨詢師考試 | 出版專業(yè)資格 | 廣告師職業(yè)水平
    駕駛員 | 網(wǎng)絡(luò)編輯
    衛(wèi)生資格 | 執(zhí)業(yè)醫(yī)師 | 執(zhí)業(yè)藥師 | 執(zhí)業(yè)護(hù)士
    會計從業(yè)資格考試會計證) | 經(jīng)濟(jì)師 | 會計職稱 | 注冊會計師 | 審計師 | 注冊稅務(wù)師
    注冊資產(chǎn)評估師 | 高級會計師 | ACCA | 統(tǒng)計師 | 精算師 | 理財規(guī)劃師 | 國際內(nèi)審師
    一級建造師 | 二級建造師 | 造價工程師 | 造價員 | 咨詢工程師 | 監(jiān)理工程師 | 安全工程師
    質(zhì)量工程師 | 物業(yè)管理師 | 招標(biāo)師 | 結(jié)構(gòu)工程師 | 建筑師 | 房地產(chǎn)估價師 | 土地估價師 | 巖土師
    設(shè)備監(jiān)理師 | 房地產(chǎn)經(jīng)紀(jì)人 | 投資項目管理師 | 土地登記代理人 | 環(huán)境影響評價師 | 環(huán)保工程師
    城市規(guī)劃師 | 公路監(jiān)理師 | 公路造價師 | 安全評價師 | 電氣工程師 | 注冊測繪師 | 注冊計量師
    繽紛校園 | 實用文檔 | 英語學(xué)習(xí) | 作文大全 | 求職招聘 | 論文下載 | 訪談 | 游戲
    您現(xiàn)在的位置: 考試吧(Exam8.com) > 軟件水平考試 > 復(fù)習(xí)資料 > 網(wǎng)頁制作 > 正文

    頁面換膚功能淺析

      考試吧整理:原理:通過存取cookie和dom操作調(diào)用不同的樣式表文件來實現(xiàn)前臺換膚.

      Html代碼部分:

    要有一個帶id的樣式表鏈接,我們要通過操作這個鏈接來調(diào)用不同的href.

      <link href="css/main0.css" rel="stylesheet" type="text/css" id="cssfile" />

      2.皮膚選擇按鈕(后臺為每個li添加onclick事件,觸發(fā)換膚功能)

      <ul id="skin">
      <li id="skin_0" title="灰色">灰色</li>
      <li id="skin_1" title="綠色">綠色</li>
      <li id="skin_2" title="黃色">黃色</li>
      <li id="skin_3" title="藍(lán)色">藍(lán)色</li>
      <li id="skin_4" title="粉色">粉色</li>
      <li id="skin_5" title="紫色">紫色</li>
      </ul>

      Js部分:

    換膚方法

      //設(shè)置cookie,按鈕選中狀態(tài),頁面皮膚
      skin.setSkin=function(n){
      var skins =$("skin").getElementsByTagName("li");
      for (i=0;i<skins.length;i++)
      {
      skins[i].className="";//初始化按鈕狀態(tài)
      }
      skin.setCookie(n);//保存當(dāng)前樣式
      $("skin_"+n).className="selected";//設(shè)置選中皮膚按鈕的樣式
      $("cssfile").href="css/main"+n+".css";//設(shè)置頁面樣式
      }

      2.存取cookie

      //將當(dāng)前皮膚n存到cookie
      skin.setCookie=function(n){
      var expires=new Date();
      expires.setTime(expires.getTime()+24*60*60*365*1000);
      var flag="Skin_Cookie="+n;
      document.cookie=flag+";expires="+expires.toGMTString();
      }
      //返回用戶設(shè)置的皮膚樣式
      skin.readCookie=function(){
      var skin=0;
      var mycookie=document.cookie;
      var name="Skin_Cookie";
      var start1=mycookie.indexOf(name+"=");
      if(start1==-1){
      skin=0;//如果沒有設(shè)置則顯示默認(rèn)樣式
      }
      else{
      var start=mycookie.indexOf("=",start1)+1;
      var end=mycookie.indexOf(";",start);
      if(end=-1){
      end=mycookie.length;
      }
      var values= unescape(mycookie.substring(start,end));
      if (values!=null)
      {
      skin=values;
      }
      }
      return skin;
      }

      3.綁定換膚按鈕事件

      skin.addEvent=function(){
      var skins =$("skin").getElementsByTagName("li");
      for (i=0;i<skins.length;i++)
      {
      skins[i].onclick=function(){skin.setSkin(this.id.substring(5))}; 
      }
      }

      4.頁面加載完成后設(shè)置皮膚樣式

      window.onload=function(){
      skin.setSkin(skin.readCookie());//根據(jù)讀取cookie返回值設(shè)置皮膚樣式
      skin.addEvent();//綁定按鈕事件

    1 2  下一頁
    文章搜索
    軟件水平考試欄目導(dǎo)航
    版權(quán)聲明:如果軟件水平考試網(wǎng)所轉(zhuǎn)載內(nèi)容不慎侵犯了您的權(quán)益,請與我們聯(lián)系800@exam8.com,我們將會及時處理。如轉(zhuǎn)載本軟件水平考試網(wǎng)內(nèi)容,請注明出處。