当前位置 > 网站建设学院 > 网页制作 > Javascript教程

javascript切换页面样式

发表日期：2008-8-25

<html>

<head>

   <title></title>

   <meta name="GENERATOR" content="Microsoft Visual Studio.NET 7.0">

   <link href="stylesheet1.CSS" type="text/css" rel="stylesheet" id="mycss">

   <script language="javascript">

   var turnback=false;

   function setCSS()

   {

    mycss.styleSheet.cssText="";

    mycss.styleSheet.addImport(turnback?"stylesheet1.css":"stylesheet2.css");

    turnback=!turnback;

   }

   </script>

</head>

<body>

StyleSheet1.CSS样式代码：

BODY

{

background-color: Black;

}

StyleSheet2.CSS样式代码：

BODY

{

background-color: maroon;

}

   <button onclick="setCSS()" type="button">切换背景颜色</button>

</body>

</html>

关注此文的读者还看过：
·2012-2-7 21:30:40 制作仿“QQ秀”的虚拟形象
·2012-2-7 21:28:28 javascript 错误“缺少十六进制数字”的处理
·2012-2-7 21:27:53 用javascript改变onclick调用的函数
·2012-2-7 21:27:13 预装载以及JavaScript Image()对象
·2012-2-7 21:26:39 JavaScript中的字符串操作
·2012-2-7 21:24:25 Javascript引擎性能比较： Google Chrome vs Firefox 3 vs IE 7
·2012-2-7 21:23:12 js日历控件（可精确到分钟）
·2012-2-7 21:21:56 网页javascript精华代码集
·2012-2-7 21:20:03 关于javascript判断文件大小

站长推荐 PS笔刷下载在线翻译系统进程广告代码

发表评论
姓　名:	验证码:
内　容:

教程搜索服务

项目外包信息

·找长期合作的网页设计师（切图+
·SNS 网站开发
·云南大蓄文化传播有限公司网站设
·药品代购网站
·FLASH网站汉化
·求高手帮我设计一个减肥产品网站
·flash首页制作（已有设计图）
·寻求长期外包人员
·网页页面修改
·北京地区 flash动画合作
·佛山网站建设+263企业邮箱找我。
·ecshop+Discuz! X2+ Home会员整
·寻找网站建设团队或者个人合伙
·LOGO设计外包
·企业网后台程序外包

发布信息

浏览信息

邮件订阅服务

输入你的邮件地址，你将不会错过任何关于<Javascript教程>的内容

网页制作文章分类

Dreamweaver教程
FrontPage教程
Javascript教程
CSS教程
DHTML教程
HTML教程
网页特效
心得技巧
Discuz!专栏