<!DOCTYPE html>
<html lang="en" xmlns:color="http://www.w3.org/1999/xhtml">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" type="text/css" href="../static/css/js11_3.css">
<script src="../static/js/js11_3.js"></script>
</head>
<body class="bodycolor" id="myBody">
<div class="navigation" id="navigation">
<nav>
<img class="on_off" id="on_off" onclick="mySwitch()" src="../static/images/pic_bulbon.gif" width="50px">
<a class="nav" href="{{ url_for(‘index‘) }}">首页</a>
<a class="nav" href="">下载</a>
<input class="search" type="text"name="search">
<button type="submit">搜索</button>
<a class="l_r" href="{{ url_for(‘login‘) }}">登录</a>
<a class="l_r" href="{{ url_for(‘regist‘) }}">注册</a>
</nav>
<hr align="center" width="100%" color="#c0c0c0" size="1">
</div>
<div class="bottom">
<hr align="center" width="100%" color="#c0c0c0" size="1">
<nav>
<a class="nav" href=""><span>关于我们</span></a>
<a class="nav" href=""><span>意见反馈</span></a>
<a class="nav" href=""><span>安全保障</span></a>
</nav>
</div>
</body>
</html>
.bodycolor{
background-color: white;
}
.navigation{
background-color: white;
}
.on_off{
margin-top: 30px;
margin-right: 20px;
}
.nav{
margin-top: 30px;
margin-right: 20px;
font-weight: bold;
font-size: large;
font-family: 宋体;
color: steelblue;
text-decoration: none;
}
.l_r{
margin-top: 60px;
font-weight: bold;
font-size: large;
font-family: 宋体;
color: steelblue;
float: right;
text-decoration: none;
}
.search{
width: 15%;
hight:12%;
}
.bottom{
width:100%;
height:50px;
text-align: center;
background-color:white;
position: fixed;
bottom:0;
left:0;
z-index:1;
}
function mySwitch()
{
var myele=document.getElementById("on_off");
if(myele.src.match("bulbon"))
{
myele.src="../static/images/pic_bulboff.gif";
document.getElementById("myBody").style.background="gray";
document.getElementById("myBody").style.color="white";
}
else
{
myele.src="../static/images/pic_bulbon.gif";
document.getElementById("myBody").style.background="white";
document.getElementById("myBody").style.color="black";
}
}
原文：http://www.cnblogs.com/suxihong/p/7779317.html