<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" c />
<title>熱門關鍵字滾動顯示</title>
<style type="text/css">
ul,li{margin:0;padding:0}
#scrollDiv{width:300px;height:25px;line-height:25px;border:#ccc 1px solid;overflow:hidden}
#scrollDiv li{height:25px;padding-left:10px;}
</style>
<script src="http://www.lanrentuku.com/css/jquery-1[1].2.1.pack.js" type="text/javascript"></script>
<script type="text/javascript">
//自动滚动
function AutoScroll(obj){
$(obj).find("ul:first").animate({
marginTop:"-25px"
},500,function(){
$(this).css({marginTop:"0px"}).find("li:first").appendTo(this);
});
}
$(document).ready(function(){
//每隔3秒鐘自動滾動一行
setInterval('AutoScroll("#scrollDiv")',3000)
}); </script>
</head>
<body>
<div><span style="float:left; height:20px; line-height:20px; vertical-align:middle; overflow:hidden; ">热门关键字搜索：</span>
<div id="scrollDiv">
<ul>
<logic:notEmpty name="personAdminForm" property="listHotKey">
<logic:iterate id="hot" name="personAdminForm" property="listHotKey" scope="request" indexId="len" offset="0">
<!--每一行顯示7個熱門關鍵字-->
<% if (len % 7 == 0) { %>
<li>
<% } %>
<logic:iterate id="hk" name="hot">
<a href="#" class="orange1"><span οnclick="javascript:hotSearch(this);"><bean:write name="hk" property="value"/></span></a>
<% if ((len + 1) % 7 != 0) { %>
<span class="or"> |</span>
<% } %>
</logic:iterate>
<% if (len % 7 == 6) { %>
</li>
<% } %>
</logic:iterate>
</logic:notEmpty>
</ul>
</div>
</div>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
