• 首 页

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

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

相关文章

企通互联需要掌握的八个CSS布局技巧
网站建设Photoshop绘制卡通小孩
网站设计Photoshop照片合成:天空更加美丽
企通互联DIV+CSS网页布局之边框的设置方法
网站建设5种Web图像格式简述
网站设计网页设计配色应用教程之各种色彩对比分析
北京网站制作Div布局中如何实现自适应高度
网站建设图片在显示一定的时间后消失
网站制作电子商务网站该采用何种布局
北京网页设计网站设计的思考(二


品牌理念

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


友好连接

    • 网站建设
    • 网页设计
    • 网站设计
    • 网站制作
    • 网站优化
    • 百度优化
    • 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" /> //其他的样式这样调用 www.qitongnet.com网站制作
<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布局网页页面实现多风格选择的方法

下一篇:网站建设实现CSS制作网页时绝对居中问题的总结

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

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