javascript翻页,jquery翻页
按键盘方向键翻页跳转的javascript代码(支持ie,firefox)
网上提供的代码,多是仅支持ie,下面这个是脚本之家特别为大家整理的兼容firefox版本的。
高唐ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景,ssl证书未来市场广阔!成为成都创新互联公司的ssl证书销售渠道,可以享受市场价格4-6折优惠!如果有意向欢迎电话联系或者加微信:18980820575(备注:SSL证书合作)期待与您的合作!
支持按键盘方向键翻页跳转的代码支持ie,firefox
document.onkeydown
=
pageEvent;
var
prevpage="";
var
nextpage="";
function
pageEvent(evt){
evt
=
evt
||window.event;
var
key=evt.which||evt.keyCode;
if
(key
==
37)
location
=
prevpage
if
(key
==
39)
location
=
nextpage
};
说明:按键盘←
→方向键
或
PageUp
PageDown键直接翻页
[Ctrl+A
全选
注:如需引入外部Js需刷新才能执行]
更多文章可以参考
如何用js做翻页效果
参考代码如下:
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""
html xmlns=""
head
title/title
script type="text/javascript" language="javascript" src=""/script
script type="text/javascript" language="javascript"
$(function() {
$("#right").click(function() {
var roll = $("div/div", { css: { position: "absolute", border: "solid 1px #999", left: "806px", top: "10px", height: "494px", width: "1px", background: "#fff"}}).appendTo($("#book").parent());
$(roll).animate({
left: "10px",
width: "398px"
}, 1000, function() {
$("#left").css({"background":"#fff"});
$(roll).fadeOut(300, function() {
$(roll).remove();
})
});
});
});
/script
/head
body style="padding:5px;margin:0;"
div id="book" style="width:797px;height:494px;background:#ccc;border:solid 6px #ccc;"
div id="left" style="width:398px;height:494px;float:left;background:url() no-repeat top left;cursor:pointer;"/div
div id="right" style="width:398px;height:494px;float:left;background:#fff;cursor:pointer;margin-left:1px;text-align:right;"p style="margin-top:470px;font-size:12px;color:#999;"点这翻页 /p/div
/div
/body
/html
使用JAVA脚本(JavaScript)控制翻页
这个要配合数据库的分页的,前台异步发送请求,后台根据你的参数,如当前页,是下一页还是什么的,然后传数据到前台。
名称栏目:javascript翻页,jquery翻页
本文网址:http://hbruida.cn/article/dsgeegj.html