<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="gotoTop.js"></script>
<meta charset="utf-8">
<title></title>
<script type="text/javascript">
$(function(){
$(window).scroll(function(){
if($(window).scrollTop()>500){
$('a.backToTop').show();
}
})
$('h1:odd').css('color','blue');
$(".backToTop").goToTop();
})
</script>
<style type="text/css">
html,body{
margin: 0px;
padding: 0px;
left: 0px;
top: 0px;
}
body {
height: 2000px;
}
div {
width: 800px;
height: 50px;
border: 1px solid red;
margin: 40px auto;
}
h1 {
margin: 0px;
padding: 0px;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
line-height: 50px;
color: red;
position: relative;
overflow: hidden;
white-space: nowrap;
text-align: center;
}
h1:before,
h1:after {
content: " ";
position: relative;
display: inline-block;
width: 35%;
/* 调节左右中划线的长度*/
height: 1px;
vertical-align: middle;
/*对象内容的垂直对其方式*/
background: blue;
}
h1:before {
left: -5px;
/*设置线与文字的距离*/
margin: 0 0 0 -50%;
}
h1:after {
left: 5px;
margin: 0 -50% 0 0;
}
a.backToTop {
width: 60px;
height: 60px;
position: fixed;
bottom: 50px; /*页边距*/
right: 50px; /*页边距*/
background: url(top.gif) no-repeat -51px 0;
display: none;
border: 1px solid red;
}
a.backToTop:hover {
background-position: -113px 0
}
</style>
</head>
<body>
<div>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你大爷</h1>
<h1>我是你�