日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關咨詢
選擇下列產品馬上在線溝通
服務時間：8:30-17:00
你可能遇到了下面的問題
關閉右側工具欄

新聞中心

這里有您想知道的互聯(lián)網營銷解決方案
三種方式實現(xiàn)CSS皮膚適時切換

本文和大家重點討論一下如何用CSS實現(xiàn)皮膚適時切換，W3C標準建造的網站，可以做到完全的表現(xiàn)與結構相分離，就如同換了一身皮，“換皮”實質上就是“換CSS”，我們要做的，只是用某種方法讓瀏覽器載入另一套CSS，重新渲染頁面。

公司主營業(yè)務：做網站、成都網站制作、移動網站開發(fā)等業(yè)務。幫助企業(yè)客戶真正實現(xiàn)互聯(lián)網宣傳，提高企業(yè)的競爭能力。創(chuàng)新互聯(lián)公司是一支青春激揚、勤奮敬業(yè)、活力青春激揚、勤奮敬業(yè)、活力澎湃、和諧高效的團隊。公司秉承以“開放、自由、嚴謹、自律”為核心的企業(yè)文化，感謝他們對我們的高要求，感謝他們從不同領域給我們帶來的挑戰(zhàn)，讓我們激情的團隊有機會用頭腦與智慧不斷的給客戶帶來驚喜。創(chuàng)新互聯(lián)公司推出應縣免費做網站回饋大家。

用CSS實現(xiàn)皮膚適時切換

用W3C標準建造的網站，從理論上來說可以做到完全的表現(xiàn)與結構相分離。打個比方，就是可以在不動骨架（結構，XHMTL）和肌肉（行為，Javascript）的前提下，徹徹底底地換一身皮（表現(xiàn)，CSS）。

當然，換皮之前你需要先按W3C標準建好你的網站，并且為它準備兩套表現(xiàn)不一樣的CSS。“換皮”實質上就是“換CSS”，我們要做的，只是用某種方法讓瀏覽器載入另一套CSS，重新渲染頁面。方法有很多種，我就介紹最常見的三種。

方法一：什么也不干

假設我們有兩套CSS，分別封閉在兩個不同的文件中：a.css和b.css。然后在和之間加入如下兩行XHTML代碼：

 
 
 
 
    
  
  
  
  
  1. 
  
  
  
  
  2. title="主題A"href="a.css"/>
    3. 
  
  
  
  
  3. 
  
  
  
  
  4. 
  
  
  
  
  5. title="主題B"href="b.css"/>
    6. 
  
  
  
  
  6.

然后用你的Firefox打開這個頁面，在菜單欄中選擇：查看->頁面風格，應該可以看到如下的“風景”：

就這么簡單，現(xiàn)在你就可以用Firefox來“換皮”了。IE？IE沒這個功能……MS就是這么拽，W3C“明文推薦”：要求瀏覽器提供給用戶自己選擇樣式表的權力，可它就不這么干。幸運的是這件事也不是太難雜。#p#

方法二：Javascript

在方法一的基礎上，可以用Javascript的DOM方法訪問link對象，再將不需要的CSS設為“禁用（disabled）”，剩下的CSS就會被瀏覽器用來渲染頁面。腳本如下，請注意其中的注釋：

 
 
 
 
    
  
  
  
  
  1. 
  
  
  
  
  2. 
  
  
  
  
  3.

 然后在合適的地方調用這個函數，以本頁為例，添加如下兩個按鈕：

 
 
 
 
    
  
  
  
  
  1. 
  
  
  
  
  2. onclick="setStyle('清光');"/>
    3. 
  
  
  
  
  3. 
  
  
  
  
  4. onclick="setStyle('冥焰');"/>　　 
    5. 
  
  
  
  
  5. 
  
  
  
  
  6. 
  
  
  
  
  7.

使用Javascript的好處是方便、快捷、簡單，缺點也是很明顯的：很難做到全站的CSS切換，只能局限在當前頁上。為了記憶用戶的選擇，可行的方案就是采用cookie。可是就算使用cookie，也需要在何時載入CSS，用戶沒有Javasciprt支持怎么辦等問題上多做好些文章。所以不如用下面的方法——#p#

方法三：服務器端腳本

毫無疑問，***的CSS切換器應該使用服務器端腳本（PHP、ASP、JSP等）來開發(fā)。這樣做的好處是很明顯的：直接、高效、兼容性好、可以記憶用戶選擇、甚至可以組合不同的CSS實現(xiàn)相當復雜的“皮膚”切換。

我這里就用PHP為例，用其他的語言也都大同小異，對一般的開發(fā)人員來說不會有任何困難。

基本思路是這樣：用戶選擇一種“皮膚”，把用戶的選擇記入cookie（記入數據庫也一樣，不過這樣系統(tǒng)開銷會大一些），用戶訪問網站上的任何一個頁面時，再從cookie（或數據庫）中讀出之前用戶的選擇，載入相應的CSS文件（這里還是以方法一中講到的a.css和b.css為例）。

創(chuàng)建一個名為switcher.php的文件，內容如下：

 
 
 
 
    
  
  
  
  
  1. 
  
  
  
  
  2. setcookie('style',$style,time()+31536000,'/','.site.com','0'); 
    3. 
  
  
  
  
  3. header("location:".$_SERVER['HTTP_REFERER']);?>　 
    4. 
  
  
  
  
  4.

這段腳本先讀取query數據，然后把參數style的值記入cookie，***返回上一頁。接下來我們就可以創(chuàng)建兩個用于切換樣式的鏈接了，并且放在合適的頁面上，比如首頁或用戶管理后臺（注意把其中的site.com換成你的域名）：

 
 
 
 
    
  
  
  
  
  1. 主題A
    2. 
  
  
  
  
  2. 
  
  
  
  
  3. 主題B　 
    4. 
  
  
  
  
  4. 
  
  
  
  
  5.

點擊任意一個鏈接，相應的就會把“a”或“b”記入cookie，然后就需要一段腳本來讀取這個cookie值并且輸出XHTML來引入對應的CSS：

 
 
 
 
    
  
  
  
  
  1. 
  
  
  
  
  2. {$style=$_COOKIE["style"];}else{$style="a";//默認采用主題A}?>
    3. 
  
  
  
  
  3. 
  
  
  
  
  4. 
  
  
  
  
  5. title="當前選擇的主題"href=".css"/>
    6. 
  
  
  
  
  6.

每一個需要切換樣式的頁面都要加上這段代碼，所以直接把它加入網站的頭文件中就行了。當然你可以根據自己的需要修改這個腳本，但萬變不離其宗，總的思路應該是不變的。

詳文參考：http://www.mypchelp.cn/it/200905/28922.shtml


文章標題：三種方式實現(xiàn)CSS皮膚適時切換
分享網址：http://m.5511xx.com/article/dhepssc.html