1个回答
展开全部
你指的是网页换皮肤吧。
从网上下载一个jquery 库 jquery-1.9.0.min.js 不一定是1.9的,可以是1.2至1.9都行
新建两个不同名称文件夹,存放两个样式表和图片。如:color1 和color2
两个样式表的样式名要完全一样,大部分样式一模一样,图片名称和存放地址也一样,不一样的是图片不一样,字体颜色样式不一样。
两个样式存放地址分别:color1/css/index.css和color2/css/index.css
index.html 和color1、color2 为同一目录的文件
看下面的代码你应该能明白。
样式文件color1
.color_style {width:300px; height:30px; line-height:30px; font-size:20px; font-weight:bold; background:url(color1/image/img.gif) no-repeat;color:#fff; background-color:#999;}
样式文件color2
.color_style {width:300px; height:30px; line-height:30px; font-size:20px; font-weight:bold; background:url(color2/image/img.gif) no-repeat;color:#ff00ff; background-color:#9C3;}
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>换肤</title>
<link href="color1/css/index.css" rel="stylesheet" type="text/css" id="color_style" />
<script src="js/jquery-1.9.0.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
function change_color(){
var href1='color1/css/index.css';
var href2='color2/css/index.css';
var link_url=$("#color_style").attr("href");
if(link_url==href1){
$("#color_style").attr("href",href2);
}else{
$("#color_style").attr("href",href1);
}
}
$("#change").bind("click",change_color);
});
</script>
</head>
<body>
<div class="color_style"><span style="float:left;">这是效果标题</span><span style="float:right;cursor:pointer;" id="change">点击换肤</span></div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
博思aippt
2024-07-20 广告
2024-07-20 广告
作为深圳市博思云创科技有限公司的工作人员,对于Word文档生成PPT的操作,我们有以下建议:1. 使用另存为功能:在Word中编辑完文档后,点击文件->另存为,选择PowerPoint演示文稿(*.pptx)格式,即可将文档内容转换为PPT...
点击进入详情页
本回答由博思aippt提供
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询