相关文章
网页设计用Dreamweaver为网页图像添特效
网站建设HTML网页初学者教程:讲解网页标题
网站设计XHTML代码头部Doctype文档类型声明必不可少
网站制作网页设计中各度量单位的比较
北京网页设计用Photoshop将照片转成水墨荷花图
北京网站设计两分钟做个xhtml+css的网站首页
北京网站制作网页设计基本配色参考色谱——传统
网站制作HTML语言剖析(四)排版标记
网站制作精致LOGO动画的文字表现方式剖析
网站制作网页制作实用小技巧:去除链接虚线框
品牌理念
北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!
友好连接
文章搜索
你的位置:首页 >> 网页设计 >> 网站建设DIV+CSS布局网页页面实现多风格选择的方法
网站建设DIV+CSS布局网页页面实现多风格选择的方法
1. styleswitcher.js
| 以下为引用的内容:网站制作 function setActiveStyleSheet(title) {网站制作 function getActiveStyleSheet() {网站制作 function getPreferredStyleSheet() {北京网站建设 function createCookie(name,value,days) {企通互联 function readCookie(name) {网站制作 中国站.长.站
window.onload = function(e) {北京网页设计 window.onunload = function(e) {北京网站建设 [中国站长站]
var cookie = readCookie("style");企通互联 |
2、CSS调用:
CODE: 中国站长.站
| 以下为引用的内容:北京网页设计 <link rel="stylesheet" type="text/css" href="default.css" /> //默认的样式这样调用北京网站制作 |
3、JS调用:
中.国.站.长.站 企通互联
CODE:
站.长.站
| 以下为引用的内容:北京网站建设 <script type="text/javascript" src="styleswitcher.js"></script> |
4、风格选择的实现: 中.国.站长站
写在页面的body中
CODE:
中国.站长站
| 以下为引用的内容:北京网站设计 <a href="#" 北京网页设计 onclick="setActiveStyleSheet('',1); 网站建设 return false;">默认样式</a>网站设计 <a href="#" 北京网站建设 onclick="setActiveStyleSheet('name_one',1); 北京网站设计 return false;">样式一</a>北京网站建设 <a href="#" 企通互联 onclick="setActiveStyleSheet('name_two',1); 网站设计 return false;">样式二</a> |