今天是:
首 页信息查询网站SEO查询工具CSS编辑器建站素材
网海拾贝,电脑资讯,电脑快报,it资讯,网站建设资讯,教程基地
软件新闻
操作系统
Vista Winxp Win2003 Linux Windows综合
工具软件
系统工具 媒体工具 网络工具 杀毒软件 聊天
软件开发
C教程 C++ Java C# ASP.NET JSP PHP
数据库
Oracle MySQL DB2 SQL Server Sybase
安全
网络 病毒
办公应用
Word Excel Powerpoint Outlook 其他
平面设计
Photoshop Fireworks Coreldraw Flash Illustrator 3dsmax
网站运营
网站运营 网站优化 网站策划 策划书下载 建站心得 站长故事 网站盈利 网页制作 网页特效 建站素材 免费资源 QQ频道
  当前位置:首 页 >> 网页制作 >> Javascript/Ajax >> javascript切换页面样式

javascript切换页面样式

  发布于2008-08-25 17:27 来源:网站建设学院

javascript切换页面样式

<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>

javascript切换页面样式

 


中查找“javascript切换页面样式”更多相关内容

中查找“javascript切换页面样式”更多相关内容



上一篇:JavaScript类的静态成员及其修改对象实例的数据
下一篇:javascript:IE和火狐读xml文件的示例代码
最近更新 赞助商
·浏览器对Cookie的限制11-10
·JavaScript中的排序函数sort10-28
·初学Javascript的总结10-24
·如何禁止被Iframe?10-16
·Javascript页面宽度高度09-09
·怎样从 Javascript 传递一个变量到 PHP09-09
·Javascript刷新页的方法汇总09-09
·Javascript脚本:Location对象09-05
·js文件封装javascript在html中获取url参数09-05
·Javascript引擎性能比较: Google Chrome..09-05
·javascript定义类和实例化类09-05

共有评论 0 条 网友评分 0分 查看所有评论


发表评论→ 学而不思则罔,思而不学则殆,请大胆发表你的见解。

输验证码:

您对此篇文章的评分:1分 2分 3分 4分 5分

  • 站内搜索
关键词

搜索方式

搜索范围

精确匹配
Baidu
网站首页 - 关于本站 - 网站地图 - 广告合作 - 站点声明 - RSS订阅 - 联系我们
Copyright © 2005 网海拾贝.[新ICP备05003216号]. All Rights Reserved .