带有图片HTML静态网页进行 480 * 800 的分页显示
我要对带有图片HTML静态网页进行480*800的分页显示，应该怎么处理？只能使用JS+CSS，哪位大哥来帮帮忙啊！谢谢了...
我要对带有图片HTML静态网页进行 480 * 800 的分页显示，应该怎么处理？只能使用JS+CSS，哪位大哥来帮帮忙啊！谢谢了
展开
展开全部
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html xmlns=" http://www.w3.org/1999/xhtml" lang="gb2312"> <head> <title>已测试分页-屏幕不够大的话，用鼠标按住往下拽就能看见分页号</title> <style type="text/css"> *{font: normal 12px/1.5em "Microsoft YaHei" , Tahoma;_font: normal 12px/1.5em Tahoma; /* CSS Hack For IE6 */border: 0px;margin: 0px;padding: 0px;overflow: hidden;text-decoration: none; *text-overflow:ellipsis;/* CSS Hack For IE7 & IE6 */} a{color: #333;} a:hover{color: #06c;} body{background: #f3faff;text-align: center;} ul{list-style-type: none;} li{margin-bottom: 13px; /* CSS Hack For Firefox */ *margin-bottom:12px;/* CSS Hack For IE7 & IE6 */_margin-bottom:3%;/* CSS Hack For IE6 */white- space:nowrap;} #Main_News{ /*background-color: teal;*/border: 1px #acd0f0 solid;width: 445px;height: 800px;} #Content{width: 460px;height: 700px;margin: 10px 10px 0px 10px;_margin: 10px 5px 0px 5px; /* CSS Hack For IE6 */overflow: hidden;text-align: left;} #Pages{width: 480px;height: 20px;margin: 0px;text-align: right;} </style> <script defer="defer" language="javascript" type="text/javascript"> <!-- var _offset = 0; function _$id(_obj) { return document.getElementById(_obj); } function _$Pages(_i) { _$id("Content").scrollTop = (_$id("Content").clientHeight*_i); ab=document.getElementById("pages") aa=ab.getElementsByTagName("a").length for(k=0;k<aa;k++){ if(k==_i){ab.getElementsByTagName("a")[k].style.color="red"; }else{ ab.getElementsByTagName("a")[k].style.color="#000000" } } } function _$InitPages() { var _s=''; _offset = _$id("Content").clientHeight; var _top = _$id("Content").scrollTop; for (var i=0;i<(_$id("Content").scrollHeight/_offset);i++) { _s+=('<a href="javascript:void(0);" onclick="javascript:_$Pages('+i+');" onfocus="this.blur()" title="Page '+(i+1)+'">'+(i+1) +'</a> '); } _$id("Pages").innerHTML=_s; } //--> </script> </head> <body onload="_$InitPages();"> <div id="Main_News"> <!--主要新闻--> <div id="Content"> <ul> <li><span class="type">[图文]</span>给分 哈测试123456767</li> <li><span class="type">[图文]</span>不要用完了，就没动静了那样是不地道的^_^</li> <li><span class="type">[图文]</span>给分 哈测试123456767</li> <li>给分 哈测试123456767</li> <li>不要用完了，就没动静了那样是不地道的^_^</li> <li>给分 哈测试123456767</li> <li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li> <li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li> <li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li> <li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li> <li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li> <li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li> <li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li> <li>不要用完了，就没动静了那样是不地道的^_^</li> <li>给分 哈测试123456767</li> <li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li> <li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li> <li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li> <li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li> <li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li> <li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li> <li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li> <li>不要用完了，就没动静了那样是不地道的^_^</li> <li>给分 哈测试123456767</li> <li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li> <li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li> <li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li> <li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li> <li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li> <li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li> <li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li> <li>不要用完了，就没动静了那样是不地道的^_^</li> <li>给分 哈测试123456767</li> <li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li> <li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li> <li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li> <li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li> <li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li> <li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li> <li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li> <li>不要用完了，就没动静了那样是不地道的^_^</li> <li>给分 哈测试123456767</li> <li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li> <li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li> <li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li> <li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li> <li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li> <li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li> <li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li> <li>不要用完了，就没动静了那样是不地道的^_^</li> <li>给分 哈测试123456767</li> <li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li> <li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li> <li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li> <li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li> <li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li> <li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li> <li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li> <li>不要用完了，就没动静了那样是不地道的^_^</li> <li>给分 哈测试123456767</li> <li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li> <li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li> <li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li> <li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li> <li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li> <li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li> <li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li> <li>不要用完了，就没动静了那样是不地道的^_^</li> <li>给分 哈测试123456767</li> <li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li> <li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li> <li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li> <li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li> <li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li> <li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li> <li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li> <li>不要用完了，就没动静了那样是不地道的^_^</li> <li>给分 哈测试123456767</li> <li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li> <li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li> </ul> </div> <div id="Pages"> </div> </div> </body> </html>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
