• 首 页

网站建设|北京网站建设|北京网站制作|北京网站建设首选品牌【企通互联】

http://www.qitongnet.com 网站建设咨询热线:010-65587978/77/76/75

相关文章

网页设计用Dreamweaver为网页图像添特效
网站建设HTML网页初学者教程:讲解网页标题
网站设计XHTML代码头部Doctype文档类型声明必不可少
网站制作网页设计中各度量单位的比较
北京网页设计用Photoshop将照片转成水墨荷花图
北京网站设计两分钟做个xhtml+css的网站首页
北京网站制作网页设计基本配色参考色谱——传统
网站制作HTML语言剖析(四)排版标记
网站制作精致LOGO动画的文字表现方式剖析
网站制作网页制作实用小技巧:去除链接虚线框


品牌理念

北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!


友好连接

    • 网站建设
    • 网页设计
    • 网站设计
    • 网站制作
    • 网站优化
    • 百度优化
    • google优化
    • seo
    • 网站推广
    • 网络营销
    • 北京网站建设
    • 北京网站制作
    • 北京网页设计
    • 北京网站设计

文章搜索

你的位置:首页 >> 网页设计 >> 网站建设DIV+CSS布局网页页面实现多风格选择的方法

网站建设DIV+CSS布局网页页面实现多风格选择的方法


作者: 北京网站建设   日期:2008-03-27 06:14:05  来源: http://www.qitongnet.com

1. styleswitcher.js

以下为引用的内容:网站制作

function setActiveStyleSheet(title) {网站制作
var i, a, main;网站建设
for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {网页设计
if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title")) {网站制作
a.disabled = true;网站设计
if(a.getAttribute("title") == title) a.disabled = false;网站设计
}北京网页设计
}网站设计
} 中国站.长站

function getActiveStyleSheet() {网站制作
var i, a;北京网站设计 北京网站制作
for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {北京网站建设
if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title") && !a.disabled) return a.getAttribute("title");北京网站建设
}北京网站设计
return null;企通互联
} 中国.站.长站

function getPreferredStyleSheet() {北京网站建设
var i, a;北京网站制作
for(i=0; (a = document.getElementsByTagName("link")[i]); i++) { 北京网站设计北京网站设计
if(a.getAttribute("rel").indexOf("style") != -1企通互联
&& a.getAttribute("rel").indexOf("alt") == -1网站建设
&& a.getAttribute("title")北京网站建设
) return a.getAttribute("title");北京网站设计
}北京网站建设
return null;网页设计
} 站长.站

function createCookie(name,value,days) {企通互联
if (days) {北京网站设计
var date = new Date();企通互联
date.setTime(date.getTime()+(days*24*60*60*1000));北京网页设计
var expires = "; expires="+date.toGMTString();北京网页设计 北京网页设计
}北京网站建设
else expires = "";网页设计
document.cookie = name+"="+value+expires+"; path=/";网页设计
} 中国站长_站,为中文网站提供动力

function readCookie(name) {网站制作
var nameEQ = name + "=";企通互联
var ca = document.cookie.split(';');北京网站制作
for(var i=0;i < ca.length;i++) {企通互联
var c = ca[i];北京网页设计
while (c.charAt(0)==' ') c = c.substring(1,c.length);北京网站建设
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);网站制作
}网页设计
return null;网站设计 网站建设
}

中国站.长.站

window.onload = function(e) {北京网页设计
var cookie = readCookie("style");网页设计
var title = cookie ? cookie : getPreferredStyleSheet();网站设计
setActiveStyleSheet(title);北京网页设计
} 网站制作中.国.站. 网站设计长.站

window.onunload = function(e) {北京网站建设
var title = getActiveStyleSheet();北京网站制作
createCookie("style", title, 365);网站制作
}

[中国站长站]

var cookie = readCookie("style");企通互联
var title = cookie ? cookie : getPreferredStyleSheet();网页设计
setActiveStyleSheet(title); Www~Chinaz~com

Www.Chinaz.com

2、CSS调用:

中国.站.长站

CODE: 中国站长.站

以下为引用的内容:北京网页设计

<link rel="stylesheet" type="text/css" href="default.css" /> //默认的样式这样调用北京网站制作
<link rel="stylesheet" type="text/css" href="one.css" title="name_one" /> //其他的样式这样调用网站建设
<link rel="stylesheet" type="text/css" href="two.css" title="name_two" />网站设计
... 中国站. 网页设计长.站

Www~Chinaz~com

3、JS调用:

中.国.站.长.站 企通互联

CODE:

站.长.站

以下为引用的内容:北京网站建设
<script type="text/javascript" src="styleswitcher.js"></script>
Chinaz^com

4、风格选择的实现: 中.国.站长站

写在页面的body中

Www^Chinaz^com

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>
中国站长_站,为中文网站提供动力

北京网站制作
字体:【大】【中】【小】

上一篇:北京网站制作初学建站应知:网站文件命名规范

下一篇:北京网站制作DIV+CSS布局网页页面实现多风格选择的方法

这是一个与众不同的品牌,企通互联只专注于网站建设领域!中小型企业网站建设最佳合作伙伴!网站建设咨询热线:010-65587978/77/76/75!

Copyright © 2008 网站建设|北京网站建设|北京网站制作|北京网站建设首选品牌【企通互联】. Designed by www.qitongnet.com Free Website Templates