一個(gè)JS翻頁(yè)效果
更新時(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)">上一頁(yè)</a><a href="javascript:Page(1)">下一頁(yè)</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">
頁(yè)
<input type="button" name="Submit" value="GO" onClick="Page(0)">
以上是我對(duì)于一個(gè)翻頁(yè)效果的修改,不知道可不可以,大家?guī)涂纯?
不知道有沒有什么實(shí)際意義
<a href="javascript:Page(-1)">上一頁(yè)</a><a href="javascript:Page(1)">下一頁(yè)</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">
頁(yè)
<input type="button" name="Submit" value="GO" onClick="Page(0)">
以上是我對(duì)于一個(gè)翻頁(yè)效果的修改,不知道可不可以,大家?guī)涂纯?
不知道有沒有什么實(shí)際意義
您可能感興趣的文章:
- jsp實(shí)現(xiàn)上一頁(yè)下一頁(yè)翻頁(yè)功能(示例代碼)
- JavaScript中transform實(shí)現(xiàn)數(shù)字翻頁(yè)效果
- JavaScript實(shí)現(xiàn)翻頁(yè)功能(附效果圖)
- 基于Vuejs框架實(shí)現(xiàn)翻頁(yè)組件
- 移動(dòng)端翻頁(yè)插件dropload.js(支持Zepto和jQuery)
- Js實(shí)現(xiàn)網(wǎng)頁(yè)鍵盤控制翻頁(yè)的方法
- js實(shí)現(xiàn)翻頁(yè)后保持checkbox選中狀態(tài)的實(shí)現(xiàn)方法
- javascript移動(dòng)端 電子書 翻頁(yè)效果實(shí)現(xiàn)代碼
相關(guān)文章
使用JavaScript實(shí)現(xiàn)二值化圖像
這篇文章主要為大家詳細(xì)介紹了使用JavaScript將圖像轉(zhuǎn)換為黑白二值圖的兩種方法,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2024-01-01JS中的form.submit()不能提交表單的錯(cuò)誤原因
這篇文章主要介紹了JS中的form.submit()不能提交表單的錯(cuò)誤原因,本文最后得出結(jié)論是按鈕的ID、名稱不要使用submit,需要的朋友可以參考下2014-10-10javascript實(shí)現(xiàn)函數(shù)柯里化與反柯里化過程解析
這篇文章主要介紹了javascript實(shí)現(xiàn)函數(shù)柯里化與反柯里化過程解析,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-10-10JavaScript遍歷數(shù)組和對(duì)象的元素簡(jiǎn)單操作示例
這篇文章主要介紹了JavaScript遍歷數(shù)組和對(duì)象的元素簡(jiǎn)單操作,結(jié)合實(shí)例形式分析了javascript數(shù)組與對(duì)象元素遍歷相關(guān)操作技巧與注意事項(xiàng),需要的朋友可以參考下2019-07-07使用webpack搭建pixi.js開發(fā)環(huán)境
這篇文章主要介紹了使用webpack搭建pixi.js開發(fā)環(huán)境,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-02-02javascript實(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