一個(gè)JS翻頁效果
更新時(shí)間: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)">
以上是我對于一個(gè)翻頁效果的修改,不知道可不可以,大家?guī)涂纯?
不知道有沒有什么實(shí)際意義
<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)">
以上是我對于一個(gè)翻頁效果的修改,不知道可不可以,大家?guī)涂纯?
不知道有沒有什么實(shí)際意義
您可能感興趣的文章:
相關(guān)文章
使用JavaScript實(shí)現(xiàn)二值化圖像
這篇文章主要為大家詳細(xì)介紹了使用JavaScript將圖像轉(zhuǎn)換為黑白二值圖的兩種方法,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2024-01-01
javascript實(shí)現(xiàn)函數(shù)柯里化與反柯里化過程解析
這篇文章主要介紹了javascript實(shí)現(xiàn)函數(shù)柯里化與反柯里化過程解析,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-10-10
JavaScript遍歷數(shù)組和對象的元素簡單操作示例
這篇文章主要介紹了JavaScript遍歷數(shù)組和對象的元素簡單操作,結(jié)合實(shí)例形式分析了javascript數(shù)組與對象元素遍歷相關(guān)操作技巧與注意事項(xiàng),需要的朋友可以參考下2019-07-07
使用webpack搭建pixi.js開發(fā)環(huán)境
這篇文章主要介紹了使用webpack搭建pixi.js開發(fā)環(huán)境,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-02-02
javascript實(shí)現(xiàn)點(diǎn)擊后變換按鈕顯示文字的方法
這篇文章主要介紹了javascript實(shí)現(xiàn)點(diǎn)擊后變換按鈕顯示文字的方法,可實(shí)現(xiàn)顯示一些按鈕如果點(diǎn)擊了,按鈕文本變?yōu)椤包c(diǎn)了”,其他按鈕文本變?yōu)椤皼]點(diǎn)”的效果,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-05-05

