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

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時(shí)間：8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
輕松實(shí)現(xiàn)CSS樣式實(shí)時(shí)切換技巧

你對CSS樣式實(shí)時(shí)切換的概念和用法是否了解，這里和大家分享一下，用W3C標(biāo)準(zhǔn)建造的網(wǎng)站，從理論上來說可以做到完全的表現(xiàn)與結(jié)構(gòu)相分離。打個(gè)比方，就是可以在不動(dòng)骨架（結(jié)構(gòu)，XHMTL）和肌肉（行為，Javascript）的前提下，徹徹底底地?fù)Q一身皮（表現(xiàn)，CSS）。

實(shí)現(xiàn)CSS樣式實(shí)時(shí)切換

用W3C標(biāo)準(zhǔn)建造的網(wǎng)站，從理論上來說可以做到完全的表現(xiàn)與結(jié)構(gòu)相分離。打個(gè)比方，就是可以在不動(dòng)骨架（結(jié)構(gòu)，XHMTL）和肌肉（行為，Javascript）的前提下，徹徹底底地?fù)Q一身皮（表現(xiàn)，CSS）。

當(dāng)然，換皮之前你需要先按W3C標(biāo)準(zhǔn)建好你的網(wǎng)站，并且為它準(zhǔn)備兩套表現(xiàn)不一樣的CSS?！皳Q皮”實(shí)質(zhì)上就是“換CSS”，我們要做的，只是用某種方法讓瀏覽器載入另一套CSS，重新渲染頁面。

Javascript方法

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

然后在合適的地方調(diào)用這個(gè)函數(shù)，以本頁為例，添加如下兩個(gè)按鈕：

 
 
 
    
  
  
  
  1.   
  
  
  2. onclick="setStyle('清光');"/> 
    3.   
  
  
  3. 　  
    4.

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

服務(wù)器端腳本

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

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

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

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

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

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

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

點(diǎn)擊任意一個(gè)鏈接，相應(yīng)的就會(huì)把“a”或“b”記入cookie，然后就需要一段腳本來讀取這個(gè)cookie值并且輸出XHTML來引入對應(yīng)的CSS：

 
 
 
    
  
  
  
  1.  
    2.   
  
  
  2.   
  
  
  3. title="當(dāng)前選擇的主題"href=".css"/> 
    4.   
  
  
  4.  
    5.

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

◆示例代碼：

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

本文名稱：輕松實(shí)現(xiàn)CSS樣式實(shí)時(shí)切換技巧
文章來源：http://www.5511xx.com/article/dhogjid.html