-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathqishi.html
154 lines (149 loc) · 7.05 KB
/
qishi.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
<!DOCTYPE html>
<html>
<head>
<title>中联骑士联盟</title>
<link rel="stylesheet" href="css/summary.css">
<link rel="stylesheet" href="css/zzsc.css">
<base target="_blank">
<link href="css/bootstrap.css" rel='stylesheet' />
<script src="js/jquery.min.js"></script>
<link href="css/style.css" rel="stylesheet" media="all" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Gardening Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href='http://fonts.useso.com/css?family=Oswald:400,300,700' rel='stylesheet' >
<link href='http://fonts.useso.com/css?family=Niconne' rel='stylesheet' >
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},900);
});
});
</script>
</head>
<body>
<div class="about-header-banner">
<div class="container">
<div class="home">
<a href="index.html"><span class="glyphicon glyphicon-home"></span></a>
</div>
<span class="menu"><img src="images/nav.png" alt=""/></span>
<div class="top-menu">
<ul>
<nav class="cl-effect-13">
<iframe allowtransparency="true" frameborder="0" width="565" height="98" scrolling="no" src="http://tianqi.2345.com/plugin/widget/index.htm?s=2&z=1&t=1&v=0&d=3&bd=0&k=000000&f=&q=1&e=1&a=1&c=54511&w=565&h=98&align=center"></iframe>
</nav>
</ul>
</div>
<script>
$( "span.menu" ).click(function() {
$( ".top-menu ul" ).slideToggle( 300, function() {
});
});
</script>
<div class="clearfix"></div>
</div>
<div class="clearfix"></div>
<div class="banner-info text-center">
<h1><a href="index.html">驴游网</a></h1>
</div>
</div>
</div>
<div class="body">
<div class="focus">
<div class="focusbox">
<div class="focusimg">
<ul class="fimglist clearfix">
<li><a href="images/qsd1_1.jpg"><img src="images/qsd1_1.jpg"></a></li>
<li><a href="images/qsd1_2.jpg"><img src="images/qsd1_2.jpg" ></a></li>
<li><a href="images/qsd1_3.jpg"><img src="images/qsd1_3.jpg" ></a></li>
<li><a href="images/qsd1_4.jpg"><img src="images/qsd1_4.jpg"></a></li>
<li><a href="images/qsd1_5.jpg"><img src="images/qsd1_5.jpg"></a></li>
</ul>
</div>
<div class="focustool">
<ul class="ftoollist clearfix"><!--通过控制该ul的left值来实现列表的左右移动，增量为931px-->
<li class="on"><a href="images/qsx1_1.jpg"><img src="images/qsx1_1.jpg"></a></li>
<li><a href="images/qsx1_2.jpg"><img src="images/qsx1_2.jpg"></a></li>
<li><a href="images/qsx1_3.jpg"><img src="images/qsx1_3.jpg"></a></li>
<li><a href="images/qsx1_4.jpg"><img src="images/qsx1_4.jpg"></a></li>
<li><a href="images/qsx1_5.jpg"><img src="images/qsx1_5.jpg"></a></li>
</ul>
</div>
<a href="javascript://" class="btn_pre" target="_self" style="display:none">上一页</a>
<a href="javascript://" class="btn_next" target="_self" style="display:none">下一页</a>
</div>
</div>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function($){
$(".guidelist li").hover(
function () {
$(this).attr("class", "mouseon");
},
function () {
$(this).attr("class", "mouseout");
}
);
$(".ftoollist li").mouseover(function(){
$(this).siblings().removeClass("on");
$(this).addClass("on");
var preNumber=$(this).prevAll().size();
$(".fimglist li").removeClass("onpre");
$(".fimglist li:nth-child("+preNumber+")").addClass("onpre");
var margin = 990;
margin = margin *preNumber;
margin = margin * -1;
$(".fimglist").stop().animate({marginLeft: margin + "px"}, {duration: 500});
});
});
</script>
<div class="body-r">
<h2 style="color: #c9302c" >注意查看当地天气变化，做好出行安排。</h2>
<iframe name="weather_inc" src="http://i.tianqi.com/index.php?c=code&id=82" width="250" height="440" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>
</div>
</div>
<div class="place-summary clearfix">
<div class="nav clearfix" data-spm="8">
</div>
<div class="summary-left guide-wrapper">
<div class="header"><h1 class="big-title">中联骑士联盟旅游指南</h1></div>
<div class="info">
<div class="info-header"><span class="title" data-menu="main">概述</span></div>
<div class="info-container">
中联骑士联盟是中国唯一一家专业推广马场马术的优秀企业、北京马术俱乐部、北京骑马俱乐部、北京马场、北京儿童骑马俱乐部、马术表演等我们致力于推动马术运动在中国的普及和发展，马业企业技术和管理咨询服务，为广大马术爱好者提供专业马匹，并提供最专业,最优质的骑术训练课程。
</div>
</div>
</div>
</div>
<div class="get-in-touch" id="foot">
<div class="container">
<div class="pp">
<h3>关于我们</h3>
<p > 驴游网 是由B-xyz团队精心制作的专注国内旅游攻略的网站，内容包括休闲度假、红色记忆、极限挑战、名胜古迹四大类景点分类，方便用户快速的查找到自己心仪的景区，另外本站设有旅游小课堂以及旅游资讯，方便了用户的需求。使用过程中，若有任何意见或建议可以联系我们。</p>
<p class="phone"><span>Phone</span> :0635--1234567</p>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="footer">
<div class="container">
<div class="copyright text-center">
<p>--B-xyz团队出品--</p>
</div>
</div>
</div>
<script type="text/javascript">
$(document).ready(function() {
$().UItoTop({ easingType: 'easeOutQuart' });
});
</script>
<a href="#to-top" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
</body>
</html>