JavaScript笔墨章节跳转成果的模仿代码

发布时间：2018-08-19 15:03:25 所属栏目：编程来源：站长网

导读：烈18火77网(LieHuo17.Net)教41程 Java Script笔墨章节跳转成果的模仿代码，当我们用鼠标点击某按钮后，会跳转到指定的位置，假如是一篇小说，可引导用户阅读下一章节，或按用户要求跳转，这里用JavaScript模仿实现，只实现了焦点成果，尚有浩瀚的处所必要

　　烈18火77网(LieHuo17.Net)教41程 JavaScript笔墨章节跳转成果的模仿代码，当我们用鼠标点击某按钮后，会跳转到指定的位置，假如是一篇小说，可引导用户阅读下一章节，或按用户要求跳转，这里用JavaScript模仿实现，只实现了焦点成果，尚有浩瀚的处所必要逐步完美的，在这里发出来供各人参考，一路交换。

　　演示：

<html> <head> <title>Js笔墨章节跳转成果的模仿代码</title> </head> <body> <div id="d1" style="position:absolute; left:0px; top:0px;width:200px; height:100px; border:1px solid navy; cursor:pointer;" onclick="document.getElementById('d2').scrollIntoView();"> 我是1。点击跳到2。</div> <div id="d2" style="position:absolute; left:0px; top:3000px;width:200px; height:100px; border:1px solid navy; cursor:pointer;" onclick="document.getElementById('d3').scrollIntoView();"> 我是2。点击跳到3。</div> <div id="d3" style="position:absolute; left:30000px; top:3000px;width:200px; height:100px; border:1px solid navy; cursor:pointer;" onclick="document.getElementById('d4').scrollIntoView();"> 我是3。点击跳到4。</div> <div id="d4" style="position:absolute; left:3000px; top:0px;width:200px; height:100px; border:1px solid navy; cursor:pointer;" onclick="document.getElementById('d1').scrollIntoView();"> 我是4。点击跳到1。</div> </body> </html><br /><center>如不能表现结果，请按Ctrl+F5革新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提醒：可修改儿女码再运行!

（编辑：湖南网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

MySQL源码安置	运用图形界面从SQL导入
MySQL5.7+keepalived+	windows系统下jsp+mys