<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>cookie,dom,css,js实现页面换肤 by okajax.com</title>
<link href="css/default.css" rel="stylesheet" type="text/css" />
<link href="css/main0.css" rel="stylesheet" type="text/css" id="cssfile" />
<script language="JavaScript" src="javascript/skin.js" type="text/javascript"></script>
</head>
<body>
<ul id="skin">
<li id="skin_0" title="灰色">灰色</li>
<li id="skin_1" title="绿色">绿色</li>
<li id="skin_2" title="黄色">黄色</li>
<li id="skin_3" title="蓝色">蓝色</li>
<li id="skin_4" title="粉色">粉色</li>
<li id="skin_5" title="紫色">紫色</li>
</ul>
<div id="div_side_0">
<div id="news">
<h1 class="title">Ajax中国</h1>
<div id="news_list"> </div>
</div>
</div>
<div id="div_side_1">
<div id="game">
<h1 class="title">http://www.okajax.com</h1>
<div id="game_list"> </div>
</div>
</div>
<div id="div_side_2">
<div id="other">
<h1 class="title">HTTP://BBS.OKAJAX.COM</h1>
<div id="other_list"> </div>
</div>
</div>
</body>
</html>
没有合适的资源?快使用搜索试试~ 我知道了~
cookie,dom,css,js实现页面换肤
共11个文件
css:7个
js:1个
gif:1个
5星 · 超过95%的资源 需积分: 10 107 下载量 176 浏览量
2008-12-10
10:22:15
上传
评论 2
收藏 8KB RAR 举报
温馨提示
页面换肤已经成为web2.0的时尚,看似简单的过程,实现起来却不那么容易,因为它涉及到javascript写入和读取cookie,这篇文章详细介绍了通过存取cookie和dom操作调用不同的样式表文件来实现前台换肤功能 Html代码部分: 1.要有一个带id的样式表链接,我们要通过操作这个链接来调用不同的href。 <link href="css/main0.css" rel="stylesheet" type="text/css" id="cssfile" /> 2.皮肤选择按钮(后台为每个li添加onclick事件,触发换肤功能) <ul id="skin"> <li id="skin_0" title="灰色">灰色</li> <li id="skin_1" title="绿色">绿色</li> <li id="skin_2" title="黄色">黄色</li> <li id="skin_3" title="蓝色">蓝色</li> <li id="skin_4" title="粉色">粉色</li> <li id="skin_5" title="紫色">紫色</li> </ul> Js部分: 1.换肤方法
资源推荐
资源详情
资源评论
收起资源包目录
1_081207091848.rar (11个子文件)
css
main5.css 30B
main4.css 30B
main0.css 30B
main1.css 30B
main3.css 30B
main2.css 30B
default.css 2KB
images
theme.gif 2KB
Thumbs.db 10KB
javascript
skin.js 1KB
index.html 1KB
共 11 条
- 1
xcg992224
- 粉丝: 0
- 资源: 19
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
- 1
- 2
前往页