這次為大家帶來jQuery Cookie實現切換皮膚效果實現(附代碼),jQuery Cookie實現切換皮的注意事項有哪些,下面就是實戰案例,一起來看一下。
1)關鍵程式碼
nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <title>jQuery Cookie切换皮肤</title> <link> <link> <script></script> <script></script> <script> $(function () { $('#skin>li').click(function () { var skinID = this.id; switchSkin(skinID); }); var skinID = $.cookie("skinID"); //获取cookie if (skinID) {//如果cookie存在,切换皮肤 switchSkin(skinID); } }); function switchSkin(skinID) { $('#' + skinID).addClass('selected') .siblings().removeClass('selected'); var cssHref = 'Styles/Skins/' + skinID + '.css'; $('#cssfile').attr('href', cssHref); $.cookie("skinID", skinID, { path: "/", expires: 10 }); //将皮肤样式的id保存到cookie中 } </script>
相信看了本文案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!
推薦閱讀:
以上是jQuery+Cookie實現切換皮膚效果實作(附程式碼)的詳細內容。更多資訊請關注PHP中文網其他相關文章!