一個JS翻頁效果
更新時間：2007年07月23日 00:00:00 作者：
<IFRAME border=0 align=center marginWidth=0 marginHeight=0 src="1.htm" frameBorder=no width=200 scrolling=no height=200 style="border: 1px solid #CCCCCC" id="pic"></IFRAME>
<a href="javascript:Page(-1)">上一頁</a><a href="javascript:Page(1)">下一頁</a>
<script language="javascript">
var curId = 1;
var maxId = 3;
if (document.location.search) curId = Number(document.location.search.split("?")[1].split("=")[1]);
document.getElementById("pic").src = curId + ".htm";
function Page(id)
{
if ( id == 0 )
curId = Number(document.getElementById("page").value);
else
curId += id;
if ( curId < 1 )
curId = 1;
if ( curId > maxId )
curId = maxId;
document.getElementById("pic").src = curId + ".htm";
}
</script>
跳轉(zhuǎn)到第
<input id="page" type="text" size="5">
頁
<input type="button" name="Submit" value="GO" onClick="Page(0)">
以上是我對于一個翻頁效果的修改，不知道可不可以，大家?guī)涂纯?
不知道有沒有什么實際意義
<a href="javascript:Page(-1)">上一頁</a><a href="javascript:Page(1)">下一頁</a>
<script language="javascript">
var curId = 1;
var maxId = 3;
if (document.location.search) curId = Number(document.location.search.split("?")[1].split("=")[1]);
document.getElementById("pic").src = curId + ".htm";
function Page(id)
{
if ( id == 0 )
curId = Number(document.getElementById("page").value);
else
curId += id;
if ( curId < 1 )
curId = 1;
if ( curId > maxId )
curId = maxId;
document.getElementById("pic").src = curId + ".htm";
}
</script>
跳轉(zhuǎn)到第
<input id="page" type="text" size="5">
頁
<input type="button" name="Submit" value="GO" onClick="Page(0)">
以上是我對于一個翻頁效果的修改，不知道可不可以，大家?guī)涂纯?
不知道有沒有什么實際意義
相關(guān)文章
前端echarts tooltip展示多項自定義數(shù)據(jù)代碼示例
Echarts是一個基于JavaScript的開源圖表庫,提供了豐富的圖表類型,如折線圖、柱狀圖、餅圖、散點圖等,支持動態(tài)數(shù)據(jù)交互和自定義配置,這篇文章主要給大家介紹了關(guān)于前端echarts tooltip展示多項自定義數(shù)據(jù)的相關(guān)資料,需要的朋友可以參考下2024-09-09
很多語言中都有塊級作用域，但JS沒有，它使用var聲明變量，以function來劃分作用域，大括號“{}” 卻限定不了var的作用域，下面這篇文章主要給大家介紹了關(guān)于ES6學(xué)習(xí)教程之塊級作用域的相關(guān)資料，需要的朋友可以參考下。2017-10-10
javaScript年份下拉列表框內(nèi)容為當前年份及前后50年
本文介紹的這個javaScript年份下拉列表框內(nèi)容為當前年份及前后50年，默認顯示當前年份，大家可以學(xué)習(xí)下2014-05-05
這篇文章主要介紹了js?select支持手動輸入實現(xiàn)代碼,需要的朋友可以參考下2023-05-05
本文主要介紹了js判斷是否是手機頁面的方法。具有很好的參考價值，下面跟著小編一起來看下吧2017-03-03
這篇文章主要介紹了JS原型對象操作,結(jié)合實例形式分析了JS原型對象基本原理、用法及操作注意事項,需要的朋友可以參考下2020-06-06
javascript 子窗體父窗體相互傳值方法,一般都是用window.open函數(shù)，下面腳本之家給出具體的代碼。2010-05-05
白屏通常指的是頁面打開后,瀏覽器上面的地址欄已經(jīng)顯示完整的?URL,但是頁面內(nèi)容無法渲染,只有白色的空白頁面,下面我們就來看看白屏出現(xiàn)的具體原因與解決方法吧2025-03-03
2013-11-11
webpack 如何同時輸出壓縮和未壓縮的文件的實現(xiàn)步驟
這篇文章主要介紹了webpack 如何同時輸出壓縮和未壓縮的文件的實現(xiàn)步驟，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-06-06