<style type="text/css">#map{ height : 50%; width:100%; border:1px solid black; position: absolute; z-index:0;}#demo {background: #FFF;overflow:hidden;border: 1px dashed #CCC;width: 500px;filter:alpha(opacity=100);position:absolute;z-index:1;left:200px; top:500px;background-color:#ffffff;}#demo img {border: 3px solid #F2F2F2;position:absolute;z-index:1;}#indemo {float: left;width: 800%;}#demo1 {float: left;}#demo2 {float: left;}</style><div id="demo"><div id="indemo"><div id="demo1"><table><tr><td><img src="../images/agent_blue.png" border="0" / alt="如何在页面最上层添加一个动态滚动条?_html/css_WEB-ITnose" >tanzhen6</td><td><img src="../images/agent_blue.png" border="0" / alt="如何在页面最上层添加一个动态滚动条?_html/css_WEB-ITnose" >tanzhen1</td><td><img src="../images/agent_blue32_bk.png" border="0" / alt="如何在页面最上层添加一个动态滚动条?_html/css_WEB-ITnose" >tanzhen2</td><td><img src="../images/agent_green_bk.png" border="0" / alt="如何在页面最上层添加一个动态滚动条?_html/css_WEB-ITnose" >tanzhen3</td><td><img src="../images/agent_green32_bk.png" border="0" / alt="如何在页面最上层添加一个动态滚动条?_html/css_WEB-ITnose" >tanzhen4</td><td><img src="../images/agent_red_bk.png" border="0" / alt="如何在页面最上层添加一个动态滚动条?_html/css_WEB-ITnose" >tanzhen5</td></tr></table></div><div id="demo2"></div></div></div><script><!--var speed=10;var tab=document.getElementById("demo");var tab1=document.getElementById("demo1");var tab2=document.getElementById("demo2");tab2.innerHTML=tab1.innerHTML;function Marquee(){if(tab2.offsetWidth-tab.scrollLeft<=0)tab.scrollLeft-=tab1.offsetWidthelse{tab.scrollLeft++;}}var MyMar=setInterval(Marquee,speed);tab.onmouseover=function() {clearInterval(MyMar)};tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)};--></script>总的页面代码在此:
<%@page language="java" import="java.util.*" pageEncoding="UTF-8"%><% String path = request.getContextPath(); String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";%><html><head runat="server"><title>WMSMAPINIT</title> <link rel="stylesheet" type="text/css" href="<%=basePath %>ext34/resources/css/ext-all.css" /> <link rel="stylesheet" href="<%=basePath %>css/common.css" type="text/css"></link> <script type="text/javascript" src="<%=basePath%>public/jquery-1.4.2.min.js"></script> <script type="text/javascript" src="<%=basePath%>flot/excanvas.min.js"></script> <script type="text/javascript" src="<%=basePath%>flot/jquery.flot.js"></script> <script type="text/javascript" src="<%=basePath%>flot/jquery.flot.pie.js"></script> <script type="text/javascript" src="<%=basePath%>ext34/adapter/ext-jquery-adapter.js"></script> <script type="text/javascript" src="<%=basePath %>ext34/adapter/ext/ext-base.js"></script> <script type="text/javascript" src="<%=basePath %>ext34/ext-all.js"></script> <script type="text/javascript" src="<%=basePath %>ext34/ext-lang-zh_CN.js"></script> <script type="text/javascript" src="<%=basePath %>ext34/plugins/Ext.ux.PagingBar.js"></script> <script type="text/javascript" src="<%=basePath %>public/Constant.js"></script> <script type="text/javascript" src="<%=basePath %>public/globalfun.js"></script> <script type="text/javascript" src="<%=basePath %>map/OpenLayers.js" ></script> <script type="text/javascript" src="<%=basePath %>lib/proj4js.js"></script> <script type="text/javascript" src="<%=basePath %>map/EPSG900913.js"></script> <script type="text/javascript" src="<%=basePath %>public/viewfun.js"></script> <script type="text/javascript" src="<%=basePath %>map/js/mapviewdao.js"></script> <script type="text/javascript" src="<%=basePath %>map/js/mapview.js"></script> <script type="text/javascript" src="<%=basePath%>topology/showLastMsg.js"></script> <script type="text/javascript" src="<%=basePath %>test/js/appform.js"></script> <style type="text/css"> .tabDiv{ height:60px; } </style> <style type="text/css">#map{ height : 50%; width:100%; border:1px solid black; position: absolute; z-index:0;}.x-btn-default-toolbar-small-icon button { height: 48px; padding: 0; width: 48px !important; position: absolute; z-index:0;}.x-btn-default-toolbar-small-icon .x-btn-icon { height: 32px; margin-right: -5px; margin-top: -5px; right: 0; top: 0; width: 32px; position: absolute; z-index:0;}#refresh .x-btn-icon{ margin-top: -3px; position: absolute; z-index:0;}.signal_img{ position: absolute; z-index:0; right: 30px; top: 20px;}#search button{ padding-left:40px; padding-top:10px; position: absolute; z-index:0; }#refresh button{ padding-left:40px; padding-top:10px; position: absolute; z-index:0; } *{ font-family: 微软雅黑,Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 12px; }<!-- 滚动条显示告警探针 -->#demo {background: #FFF;overflow:hidden;border: 1px dashed #CCC;width: 500px;filter:alpha(opacity=100);position:absolute;z-index:1;left:200px; top:500px;background-color:#ffffff;}#demo img {border: 3px solid #F2F2F2;position:absolute;z-index:1;}#indemo {float: left;width: 800%;}#demo1 {float: left;}#demo2 {float: left;}</style><div id="demo"><div id="indemo"><div id="demo1"><table><tr><td><img src="../images/agent_blue.png" border="0" / alt="如何在页面最上层添加一个动态滚动条?_html/css_WEB-ITnose" >tanzhen6</td><td><img src="../images/agent_blue.png" border="0" / alt="如何在页面最上层添加一个动态滚动条?_html/css_WEB-ITnose" >tanzhen1</td><td><img src="../images/agent_blue32_bk.png" border="0" / alt="如何在页面最上层添加一个动态滚动条?_html/css_WEB-ITnose" >tanzhen2</td><td><img src="../images/agent_green_bk.png" border="0" / alt="如何在页面最上层添加一个动态滚动条?_html/css_WEB-ITnose" >tanzhen3</td><td><img src="../images/agent_green32_bk.png" border="0" / alt="如何在页面最上层添加一个动态滚动条?_html/css_WEB-ITnose" >tanzhen4</td><td><img src="../images/agent_red_bk.png" border="0" / alt="如何在页面最上层添加一个动态滚动条?_html/css_WEB-ITnose" >tanzhen5</td></tr></table></div><div id="demo2"></div></div></div><script><!--var speed=10;var tab=document.getElementById("demo");var tab1=document.getElementById("demo1");var tab2=document.getElementById("demo2");tab2.innerHTML=tab1.innerHTML;function Marquee(){if(tab2.offsetWidth-tab.scrollLeft<=0)tab.scrollLeft-=tab1.offsetWidthelse{tab.scrollLeft++;}}var MyMar=setInterval(Marquee,speed);tab.onmouseover=function() {clearInterval(MyMar)};tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)};--></script></head><body ><div id="map"></div><div id='tip' ></div></body></html>
回复讨论(解决方案)
-----------------------------------------------------------------------------------------------
问题已解决~
经过与示例对比后, 发现是我的
