1. 程式人生 > >靜態頁面翻頁效果

靜態頁面翻頁效果

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Pages</title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="gaofan">
<meta name="Keywords" content="">
<meta name="Description" content="">
<meta http-equiv
="Pragma" content="no-cache">
<meta http-equiv="Cache-Control" content="no-cache">
<meta http-equiv="Expires" content="0">
</head>
<style>  
{font-size:10.2pt;font-family:tahoma;line-height:20px;}
#page
{ width: 400px; height:20px; border:1px solid #FFF280; background-color
:#FFFFCC; padding: 0px; margin: 0px;}
  
#content
{ width: 400px; height:297px; border:1px solid #FF0000; background-color:#FFD2D3;overflow:auto; padding: 0px; margin: 0px;} 
</style>
<script language="JavaScript" type="text/javascript">
<!--
    
var _offset =0;
    
function _$id(_obj){return document.getElementById(_obj);}
     
    
function _$page(_i){_$id("content").scrollTop = (_$id("content").clientHeight*_i);}
    
function _$initpage(){var _s=''; _offset = _$id("content").clientHeight;var _top = _$id("content").scrollTop ; for(var i=0;i<(_$id("content").scrollHeight/_offset);i++){_s+=('&nbsp;&nbsp;&nbsp;&nbsp;<a href="##"  onClick="javascript:_$page('+i+');">'+(i+1)+'</a>');}_$id("page").innerHTML=_s;}
//--> 
</script>
<body onload="_$initpage();">
<div id="page">&nbsp;&nbsp;</div> 
<div id="content">
    
<p>女老師竭力向孩子們證明,學習好功課的重要性。 </p><p>她說:“牛頓坐在樹下,眼睛盯著樹在思考,<TABLE cellpadding=4 cellspacing=1 width=200 bgcolor=#336633><TR bgcolor=#ffffff><TD>a</TD></TR><TR bgcolor=#ffffff><TD>b</TD></TR><TR bgcolor=#ffffff><TD>c</TD></TR><TR bgcolor=#ffffff><TD>d</TD></TR></TABLE>這時,有一個蘋果落在他的頭上,於是他發現了萬有引力定律,孩子們,你們想想看,做一位偉大的科學家多麼好,多麼神氣啊,要想做到這一點,就必須好好學習。” </p><p>“班上一個調皮鬼對此並不滿意。他說:“興許是這樣,可是,他說:“興許是這樣,可是,假如他坐 </p><p>“班上一個調皮鬼對此並不滿意。<img src="200608110134298128869_min.jpg"  width=100 height=96 border=0/>他說:“興許是這樣,可是,假如他坐在學校裡,埋頭書本,那他就什麼也發現不了啦。” </p><p>女老師竭力向孩子們證明,學習好功課的重要性。 </p><p>她說:“牛頓坐在樹下,眼睛盯著樹在思考,這時,有一個蘋果落在他的頭上,於是他發現了萬有引力定律,孩子們,你們想想看,做一位偉大的科學家多麼好,多麼神氣啊,要想做到這一點,就必須好好學習。” </p><p>“班上一個調皮鬼對此並不滿意。他說:“興許是這樣,可是,假如他坐在學校裡,埋頭書本,那他就什麼也發現不了啦。” </p><p>女老師竭力向孩子們證明,學習好功課的重要性。 </p><p>她說:“牛頓坐在樹下,眼睛盯著樹在思考,這時,有一個蘋果落在他的頭上,於是他發現了萬有引力定律,孩子們,你們想想看,做一位偉大的科學家多麼好,多麼神氣啊,要想做到這一點,就必須好好學習。” </p><p>“班上一個調皮鬼對此並不滿意。他說:“興許是這樣,可是,假如他坐在學校裡,埋頭書本,那他就什麼也發現不了啦。” </p><p>女老師竭力向孩子們證明,學習好功課的重要性。 </p><p>她說:“牛頓坐在樹下,眼睛盯著樹在思考,這時,有一個蘋果落在他的頭上,於是他發現了萬有引力定律,孩子們,你們想想看,做一位偉大的科學家多麼好,多麼神氣啊,要想做到這一點,就必須好好學習。” </p><p>“班上一個調皮鬼對此並不滿意。他說:“興許是這樣,可是,假如他坐在學校裡,埋頭書本,那他就什麼也發現不了啦。” </p>
</div>
</body>
</html>