云南網站建設創新企業 昆明多彩網絡公司

|網頁對話|電話:0871-63215311

無刷新樣式切換jq插件styleswitch

來源:昆明網站建設 日期:2010-07-08 閱讀: 發表評論

在網站制作過程當中,都會遇到客戶這樣的要求:希望網站的風格有多種,如紅色、藍色風格可以隨時切換,但是又不希望網站被刷新,那么styleswitch就派上用場了

網站制作過程當中,都會遇到客戶這樣的要求:希望網站的風格有多種,如紅色、藍色風格可以隨時切換,但是又不希望網站被刷新,那么styleswitch就派上用場了。

首先,需要插入jquery.js,并且在網頁上引用3種css樣式:
<link rel="stylesheet" type="text/css" href="styles1.css" title="styles1" media="screen" />
 <link rel="alternate stylesheet" type="text/css" href="styles2.css" title="styles2" media="screen" />
 <link rel="alternate stylesheet" type="text/css" href="styles3.css" title="styles3" media="screen" /> 
 <script type="text/javascript" src="../../jquery-1.3.2.min.js"></script>
 <script type="text/javascript" src="styleswitch.js"></script>

然后給切換的按鈕或鏈接加上如下代碼:
<a href="serversideSwitch.html?style=style1" rel="styles1" class="styleswitch">styles1</a>
<a href="serversideSwitch.html?style=style2" rel="styles2" class="styleswitch">styles2</a>
<a href="serversideSwitch.html?style=style3" rel="styles3" class="styleswitch">styles3</a>

styleswitch.js下載

styleswitch.js基本原理說明:首先是判斷有沒有style樣式的cookie存在,如果存在的話就讀取style樣式名,然后將其設置有狀態,如果cookie不存在,則不進行操作,當點擊切換按鈕時,就設置cookie為切換的style名稱,然后將該style設置為有效。

發表評論評論列表(有 條評論)

網頁對話 0871-63215311
原创视频传到什么网站可以赚钱 我国股票涨跌颜色 大赢家棋牌官网版下载516 浙江十一选五手机版 投资基金平台 大嘴棋牌游戏官方下载 浙江福彩12必中技巧 彩票6十1开奖号码 乐享麻将圈贵州捉鸡麻将 十三的连码是什么 单机麻将手机版不用网