<!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">
<%@ page language="java" contentType="text/html;charset=UTF-8" %>
<%@ page import='java.sql.*'%>
<%
String blog_skinname=null;
//response.setHeader("Pragma","No-cache");
//response.setHeader("Cache-Control","no-cache");
//response.setHeader("Expires","0");
if(request.getParameter("skin")!=null ) blog_skinname=request.getParameter("skin");
%>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link type="text/css" rel="stylesheet" href=skins/<%=blog_skinname%>/menu.css />
<link id=skinstyles type="text/css" rel="stylesheet" href=skins/<%=blog_skinname%>/styles.css />
<style type="text/css">
overflow-x:auto; overflow-y:auto;
body {
margin:0; /* 必须 */
border:0;
height:100%; /* 必须 */
overflow-y:hidden;/* 必须 */
}
#loading {
display:block; top:10px; right:10px; width:130px; position:fixed;
height:16;font-size:12px; color:#ffffff;
background-color:#cc0033;
} /* IE并不认识fixed，而FF认识 */
* html #loading {position:absolute;} /* 这个只有IE认识 */
</style>
<title>你好</title></head>
<body>
<p> </p>
<p> </p>
<div id="wrapper"><div id="innerWrapper"><div id="mainWrapper"><div id="content" class="content"><div id="innerContent"><!--改变内容-->
</div>
</div>
<div id="sidebar" class="sidebar">
<div id="innerSidebar">
<div id="panel skin" class="panel">
<h5>Change Skin</h5>
<div id="panel-content">
<p>
<select name="skin" onchange='document.getElementById("skinstyles").href="skins/"+this.options[this.selectedIndex].value+"/styles.css"'>
<option selected="selected" value="J_paper">J_paper</option>
<option value="default">Default</option>
<option value="end">向前走</option>
<option value="summer">summer</option>
<option value="google">google</option>
<option value="simplewhite">simplewhite</option>
</select>
</p>
</div>
</div> </div>
</div>
</div>
</div>
</div>
</body>
</html>
博客更换皮肤代码
最新推荐文章于 2021-12-03 20:00:19 发布
本文介绍了一个简单的动态网页皮肤切换功能的实现方法。通过使用Java后端技术和HTML前端技术相结合, 用户可以根据自己的喜好选择不同的页面皮肤风格。文章展示了如何通过下拉菜单选项来实时更改网站的主题样式。
扫一扫
1215
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
