45IT.COM- 电脑学习从此开始!
DIY硬件教程攒机经验装机配置
设计Photoshop网页设计特效
系统注册表DOS系统命令其它
存储主板显卡外设键鼠内存
维修显卡CPU内存打印机
WinXPVistaWin7unix/linux
CPU光驱电源/散热显示器其它
修技主板硬盘键鼠显示器光驱
办公ExcelWordPowerPointWPS
编程数据库CSS脚本PHP
网络局域网QQ服务器
软件网络系统图像安全
页面导航: 首页 > 设计学院 > 网页设计 >

制作智能化的前进/后退按扭

电脑软硬件应用网 45IT.COM 时间:2005-12-30 19:13 作者:45IT收集

制作"智能化"的前进/后退按扭  

一个好的主页除了具有丰富而有特色的内容外,还必须考虑方便浏览的因素,“用户是上帝”嘛。其中建立清晰的导航就是非常重要的一项,今天向您介绍一个"智能化"的前进/后退按扭脚本,说得有点玄乎?所谓 "智能化"其实效果就像浏览器自带的前进/后退按扭一样,让它自动识别历史记录,如浏览某个页面时如果先前没有其他浏览记录,那么“后退”按扭失效。

首先我们利用history.length来制作两个判断有无历史记录的函数:

<script language="javascript">
<!--
function gotoP(){
if (history.length > 0)
history.go(-1)
}

function gotoN(){
if (history.length > 0)
history.go(+1)
}
//-->
</script>

接下来我们就可以做链接来实现了: 

<a href=javascript:gotoP()><img src="images/previous.gif" name="previous"
 width=91 height=31 alt="回上页" border=0></a>

<a href=javascript:gotoN()><img src="images/forward.gif" name="next"
 width=91 height=31 alt="去下页" border=0></a>

这个脚本还很简易,你可以发挥想象力做出更酷的效果。 

 

顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
无法在这个位置找到: baidushare.htm
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
验证码:点击我更换图片
推荐知识