<!DOCTYPE HTML>
<html>
<head>
<meta charset="gbk"/>
<style type="text/css">
#div2{
margin:0 auto;
height:400px;
width:800px;
overflow:hidden;
background:#eee;
}
#page{
margin:0 auto;
height:20px;
width:100px;
}
#other{
width:100px;
}
a{
text-decoration: none;
}
</style>
</head>
<body>
<div id="text"></div>
<div id="div2">
<p>快點走</p>
<p>“你們都已經死了，都變成鬼了，快點。"</p>
<p>“你是王爺？千萬子民、三萬鐵騎？人世間的王爺在我陰間地府什麼都不是！”</p>
<p>一個個高大魁梧的鬼兵滿臉猙獰，怒吼着揮舞鞭子抽打着，鞭子上閃爍着電光，抽打在那些鬼魂上，特別那個叫囂着自己是王爺的鬼魂更是被抽了數十鞭子，抽的那一鬼魂都變得稀薄快要消散才停下。</p>
<p>我應該已經死了，那……這裏是陰曹地府？”紀寧憑空出現，不由好奇觀察着陌生環境，便聽到那王爺的叫囂，這讓紀寧更生疑惑，“千萬子民？三萬鐵騎？地球現在是現代社會，哪有什麼三萬鐵騎？</p>
<p>快點！”前方那高大魁梧全身泛着青光的牛頭鬼兵盯着紀寧咆哮道</p>
<p>無數的白衣人影排成一條條長龍，在緩慢前進着，每一條隊伍的末尾都會憑空出現一白衣人影，這些白衣人影有的搖頭嘆息，有的嚎啕大哭，有的叫囂怒罵，有的錯愕疑惑。
</p>
<p>“我父是大雪山妖王，你敢打我！我吃了你，吼！”</p>
<p>“別打！”</p>
<p>“啊！”</p>
<p>這些鬼魂剛進入陰間冥界還以爲自己沒死，一被抽打，不少還憤怒叫囂，可很快就被抽打的明白過來……他們已經死了，任憑生前多麼風光，死後都是一場空。</p>
<p> ……</p>
<p>時間流逝，紀寧在無數鬼魂隊伍中已經走了很久了，他不敢說話，說話就會被牛頭馬面的鞭子抽打，這般麻木的行走已經很久很久了，幸好鬼魂不知道飢餓。</p>
<p> 在麻木走了很久後的一天。</p>
<p> “紀寧！”一道宛如雷聲轟隆的聲音，在天地間不斷震盪產生迴音，密密麻麻無數鬼魂們都擡頭看向天邊，紀寧也看去，只見遠處天邊處有了一翻滾着的巨大黑雲，黑雲上站着的是一散發着黑光的巨大牛頭鬼神。</p>
<p> 這巨大的牛頭鬼神高約有萬丈，宛如巍峨高山，駕馭着黑雲，瞬間便從天邊飛到。</p>
<p> “紀寧。”巨大牛頭鬼神在高空黑雲之上，俯瞰下方，雙眸射出兩道萬丈金色光柱，劃過長空直接籠罩過來，照射在下方傻愣愣的紀寧身上。</p>
<p> 巨大牛頭鬼神雙眸射出的萬丈金光，直接在紀寧身上一繞，紀寧便憑空消失在了隊伍中，那些普通的牛頭馬面鬼兵們一個個都乖乖的不敢吭聲，所有的鬼魂們都處於驚愕呆滯中，許久才反應過來。</p>
<p> ……</p>
<p> ……</p>
<p> ……</p>
<p> ……</p>
<p> ……</p>
<p> ……</p>
<p> ……</p>
<p> ……</p>
<p> ……</p>
<p> ……</p>
<p> ……</p>
<p> ……</p>
<p> ……</p>
<div id="other"> </div>
</div>
<div id="page"> </div>
</body>
<script type="text/javascript">
var divObject = document.getElementById("div2"); //所有內容
var pageObject = document.getElementById("page"); //顯示分頁
var other = document.getElementById("other"); //補全一頁
var allPage = Math.ceil(parseInt(divObject.scrollHeight)/parseInt(divObject.offsetHeight));
other.style.height = parseInt(divObject.offsetHeight)*allPage - parseInt(divObject.scrollHeight)+'px';
var currentPage = 1;
goPage(0);
function goPage(val){
val==1?currentPage++:currentPage--;
if(currentPage < 1 || currentPage == 1) {
currentPage = 1;
pageObject.innerHTML = ' << 1/'+allPage +'<a onclick="goPage(1)" href="javascript:void(0)"> >> </a>';
}
else if(currentPage > allPage || currentPage == allPage){
currentPage = allPage;
pageObject.innerHTML = '<a onclick="goPage(-1)" href="javascript:void(0)"> << </a>'+currentPage+'/'+allPage +' >> ';
}
else{
pageObject.innerHTML = '<a onclick="goPage(-1)" href="javascript:void(0)"> << </a>'+currentPage+'/'+allPage +'<a onclick="goPage(1)" href="javascript:void(0)"> >> </a>';
}
rollPage(currentPage);
}
function rollPage(page){
divObject.scrollTop = (page-1)*parseInt(divObject.offsetHeight)-page*20;
}
var text = document.getElementById("text");
text.innerHTML += "<br/> allPage:"+allPage ;
text.innerHTML += "<br/> divObject.offsetHeight:"+divObject.offsetHeight;
text.innerHTML += "<br/> divObject.scrollHeight:"+divObject.scrollHeight;
text.innerHTML += "<br/> other.offsetHeight:"+other.offsetHeight;
</script>
</html>
js 分頁
發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.