51 lines
2.9 KiB
HTML
51 lines
2.9 KiB
HTML
<!DOCTYPE html>
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
|
<title>
|
|
|
|
</title>
|
|
<script src="Demo/jquery1.42.min.js"></script>
|
|
<script src="Demo/jquery.SuperSlide.2.1.1.js"></script>
|
|
<style type="text/css">
|
|
.map_TitleTips { width: 480px; height: 200px; border: 1px solid #000; }
|
|
|
|
.txtMarquee-top { float: right; zoom: 1; overflow: hidden; width: 320px; height: 100%; border: 1px solid #000; }
|
|
.txtMarquee-top .hd { overflow: hidden; height: 30px; background: #f4f4f4; padding: 0 10px; }
|
|
.txtMarquee-top .hd .prev, .txtMarquee-top .hd .next { display: block; width: 9px; height: 5px; float: right; margin-right: 5px; margin-top: 10px; overflow: hidden; cursor: pointer; background: url("../images/arrow.png") 0 -100px no-repeat; }
|
|
.txtMarquee-top .hd .next { background-position: 0 -140px; }
|
|
.txtMarquee-top .hd .prevStop { background-position: -60px -100px; }
|
|
.txtMarquee-top .hd .nextStop { background-position: -60px -140px; }
|
|
.txtMarquee-top .bd { padding: 15px; }
|
|
.txtMarquee-top .infoList li { height: 24px; line-height: 24px; }
|
|
.txtMarquee-top .infoList li .date { float: right; color: #999; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="map_TitleTips">
|
|
<div class="txtMarquee-top">
|
|
<div class="hd">
|
|
<a class="next"></a>
|
|
<a class="prev"></a>
|
|
</div>
|
|
<div class="bd">
|
|
<ul class="infoList">
|
|
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">中国打破了世界</a></li>
|
|
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">口语：会说中</a></li>
|
|
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">农场摘菜不如</a></li>
|
|
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">数理化老师竟？</a></li>
|
|
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">学英语送ipad2,45天突破听说</a></li>
|
|
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">学外语，上北外！</a></li>
|
|
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">那些无法理解的荒唐事</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
这是测试内容这是测试内容这是测试内容这是测试内容这是测试内容这是测试内容这是测试内容这是测试内容这是测试内容
|
|
</div>
|
|
</body>
|
|
</html>
|
|
|
|
<script type="text/javascript">
|
|
jQuery(".txtMarquee-top").slide({ mainCell: ".bd ul", autoPlay: true, effect: "topMarquee", vis: 6, interTime: 50 });
|
|
</script>
|