键盘左右键控制翻页到底怎么弄！

云生 · 发表于 2012-6-11 17:17:47

本帖最后由云生于 2012-6-11 21:06 编辑

很久以前就想实现这个功能了。一直学不会。

网上看到这段代码，但还是不会。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>上一页下一页地址</title>
<style type="text/css">
#new_b{
display: none;
}
#pre{
height: 50px;
width: 400px;
background-color:#dedede;
}
#next{
height: 50px;
width: 400px;
background-color:#dedede;
}
</style>
</head>
<body>
<div id="new_b">
总数：<a title="Total record"> <b>16</b> </a>  <a href="/xinwen/index.html">首页</a> <a href="http://www.baidu.com">上一页</a> <a href="/xinwen/index.html">1</a> <b>2</b> <a href="/xinwen/index_3.html">3</a> <a href="/xinwen/index_4.html">4</a> <a href="/xinwen/index_3.html">下一页</a> <a href="/xinwen/index_4.html">尾页</a>
</div>
本文件向你展示如果获取帝国CMS上一页下一页的地址：<br />
上一页的地址是：<br />
<div id="pre"></div>
下一页的地址是：<br />
<div id="next"></div>
<a href="#" id="p">上一页</a>     <a href="#" id="n">上一页</a>
<br /><br /><br /><br /><br />
*************************************云客yunke原创 云游天下做客四方 qq:1012574684 *************************************
<script type="text/javascript">
var str;
var pre;
var next;
str=document.getElementById("new_b").innerHTML;
var preex;
var nextex;
preex='[A-Za-z0-9_\./:]+(?=">上一页)';
//preex='[\w\.]+(?=">上一页)'; 注意js不支持此写法
nextex='[A-Za-z0-9_\./:]+(?=">下一页)';
pre=str.match(preex);
next=str.match(nextex);
document.getElementById("pre").innerHTML=pre;
document.getElementById("next").innerHTML=next;
alert(pre[0]);
// alert(next[0]);
if(pre!=null)
{
document.getElementById("p").href=pre;
}
if(next!=null)
{
document.getElementById("n").href=next;
}
</script>
</body>
</html>

复制代码

atrong · 发表于 2012-6-11 17:39:29

不会

iyuheng · 发表于 2012-6-11 17:20:11

我也不会

iking · 发表于 2012-6-11 17:26:51

js还挺复杂

否要 · 发表于 2012-6-11 17:33:09

看不来。不过觉得这是DIV+css实现的吧，或许html+css3效果会更好

GameOver · 发表于 2012-6-11 17:35:26

我也不会

wdlth · 发表于 2012-6-11 18:19:35

js，鼠标事件。

云生 · 发表于 2012-6-11 19:42:07

就没人会吗？

micto · 发表于 2012-6-11 20:52:01

<!DOCTYPE html>
<html>
<head>
<meta charset="gb2312" />
<title>上一页下一页测试</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(document).click(function(e){
var prevUrl = $('.prev').attr('href');
if (e.which == 0 || e.which == 1) {
window.location.href = prevUrl;
}
});
$(document).bind("contextmenu",function(){
var nextUrl = $('.next').attr('href');
window.location.href = nextUrl;
});
});
</script>
</head>
<body>
<footer id="footer">
<div class="pager">
<a href="http://www.163.com" class="prev">上一页</a>
<a href="http://www.google.com" class="next">下一页</a>
</div>
</footer>
</body>
</html>

复制代码

另外，楼主在武汉读的大学？

		自动登录	找回密码
密码			注册

键盘左右键控制翻页到底怎么弄！

相关帖子

浏览过的版块