You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
74 lines
2.4 KiB
HTML
74 lines
2.4 KiB
HTML
6 years ago
|
<!DOCTYPE html>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<!--
|
||
|
|
* Markup for jQuery Orbit Plugin 1.2.3
|
||
|
|
* www.ZURB.com/playground
|
||
|
|
* Copyright 2010, ZURB
|
||
|
|
* Free to use under the MIT license.
|
||
|
|
* http://www.opensource.org/licenses/mit-license.php
|
||
|
|
-->
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8" />
|
||
|
|
<title>Orbit Demo</title>
|
||
|
|
|
||
|
|
<!-- Attach our CSS -->
|
||
|
|
<link rel="stylesheet" href="../orbit-1.2.3.css">
|
||
|
|
|
||
|
|
<!-- Attach necessary JS -->
|
||
|
|
<script type="text/javascript" src="../jquery-1.5.1.min.js"></script>
|
||
|
|
<script type="text/javascript" src="../jquery.orbit-1.2.3.js"></script>
|
||
|
|
|
||
|
|
<!--[if IE]>
|
||
|
|
<style type="text/css">
|
||
|
|
.timer { display: none !important; }
|
||
|
|
div.caption { background:transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);zoom: 1; }
|
||
|
|
</style>
|
||
|
|
<![endif]-->
|
||
|
|
|
||
|
|
<!-- Run the plugin -->
|
||
|
|
<script type="text/javascript">
|
||
|
|
$(window).load(function() {
|
||
|
|
$('#featured').orbit({animation: 'fade', bullets: true, 'bulletThumbs': false, captions: false});
|
||
|
|
|
||
|
|
$(".advertising-container").mouseover(function(){
|
||
|
|
$(".slider-nav .right,.slider-nav .left").show();
|
||
|
|
});
|
||
|
|
|
||
|
|
$(".advertising-container").mouseout(function(){
|
||
|
|
$(".slider-nav .right,.slider-nav .left").hide();
|
||
|
|
});
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
<style type="text/css">
|
||
|
|
#featured {
|
||
|
|
width: 980px;
|
||
|
|
height: 400px;
|
||
|
|
background: #000 url('orbit/loading.gif') no-repeat center center;
|
||
|
|
overflow: hidden; }
|
||
|
|
|
||
|
|
.advertising-container{
|
||
|
|
position: relative;
|
||
|
|
height: 400px;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
|
||
|
|
<div class="container">
|
||
|
|
<div id="featured">
|
||
|
|
<a href="http://www.australiangeographic.com.au/outdoor/trekking-chinas-great-wall.htm" target="_blank" rel="nofollow" class="active"><img src="http://data.chinahighlights.com/image/homepage/4-2-3.jpg"></a>
|
||
|
|
<a href="/tour/cht-1/"><img src="http://data.chinahighlights.com/image/homepage/cht-1-promo.jpg"></a>
|
||
|
|
<a href="/tour/cht-62/"><img alt="Bestselling China tour" src="http://data.chinahighlights.com/image/homepage/cht-62-promo.jpg"></a>
|
||
|
|
<a href="/beijing/tours.htm"><img src="http://data.chinahighlights.com/image/homepage/4-2-1.jpg"></a>
|
||
|
|
<a href="/tour/cht-63/"><img alt="Beijing, Shanghai, Xian, Guilin and Yangshuo trip" src="http://data.chinahighlights.com/image/homepage/cht-63-promo.jpg"></a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
</html>
|