|
<html>
<head>
<title>
夜鹰教程网JavaScript实例自学手册:通过486个例子掌握Web开发捷径
</title><meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style type="text/css">
#frameContent{
width:500px; /*调整显示区的宽*/
height:200px; /*调整显示区的高*/
font-size:14px;
line-height:20px;
border:1px solid #000000;
overflow-pageINdex:hidden;
overflow-y:hidden;
word-break:break-all;
}
a{
font-size:12px;
color:#000000;
text-decoration:underline;
}
a:hover{
font-size:12px;
color:#CC0000;
text-decoration:underline;
}
</style>
</head>
<body>
<div id="frameContent">
在这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章这里输入你的文章
</div>
<P>
<div id="pages" style="font-size:12px;"></div>
<script language="javascript">
var obj = document.getElementById("frameContent"); //获取内容层
var pages = document.getElementById("pages"); //获取翻页层
window.onload = function() //重写窗体加载的事件
{
var allpages = Math.ceil(parseInt(obj.scrollHeight)/parseInt(obj. offsetHeight));//获取页面数量
pages.innerHTML = "<b>共"+allpages+"页</b>"; //输出页面数量
for (var i=1;i<=allpages;i++){
pages.innerHTML += "<a href=\"javascript:showPage('"+i+"');\">第"+i+"页</a> ";
//循环输出第几页
}
}
function showPage(pageINdex)
{
obj.scrollTop=(pageINdex-1)*parseInt(obj.offsetHeight); //根据高度，输出指定的页
}
</script>
</body>
</html>
|