首页 | 互联网 | IT动态 | IT培训 | Cisco | Windows | Linux | Java | .Net | Oracle | 软件测试 | C/C++ | 嵌入式开发 | 存储世界 | 服务器
网络设备 | IDC | 安全 | 求职招聘 | 数字网校 | 网页设计 | 技术专题 | 电子书下载 | 教学视频 | 网页设计 | 平面设计 | 搜索 | 博客 | 论坛
 Dreamweaver | Flash
 Fireworks  | Frontpage
 HTML/CSS  | Javascript
 Photoshop  | CorelDraw
 AuotoCAD   | Illustrator
 Freehand
 3DMax    | Authorware
 Director   | Maya
 PP点点通 | 迅雷 | BT
 eMule | FlashGet | Nero
 Ghost | Outlook | IE
 Maxthon | Office
 QQ | MSN | 网易泡泡
 Skype | 雅虎通 | 新浪UC

最新文章

您现在的位置: 中国IT实验室 >> 网页设计 >> HTML及CSS布局教程 >> 文章正文


javascript 改变网页加载的CSS


ChinaItLab  2007-12-11  未知  保存本文  推荐给好友  收藏本站


◆ 网页平面多媒体培训、认证考试免费咨询热线:400-700-5807   进入网络咨询平台

javascript 改变网页加载的CSS;

这个是没有种cookie的,记录给自已。 

程序代码
<link href="001.css" id="cssfile" rel="stylesheet" type="text/css" />
<script>
function changeStyle(name){
 //alert(name);
 var css = document.getElementById("cssfile");
 css.href = name+".css";
}
</script>


程序代码
<select onchange="changeStyle(this.options[this.selectedIndex].value)">
 <option value="001" selected="selected">默认样式</option>
 <option value="blue">蓝色经典</option>
 <option value="red">红色梦幻</option>
</select>  
<div id="cssTest">
我是一只小小小小小鸟!
</div>


看一下效果:
点击下面的运行,可预览代码效果:

        
[Ctrl+A 全部选择 提示 :你可先修改部分代码,再按运行]

【责编:Luzi】


 相关文章  推荐文章
没有相关文章
  文章评论