我的一亩三分地 我就喜欢!
13fen  设为主页
 收藏本站
 
当前位置: > 一亩三分地:首页 > 网络学院 > 网页设计 > JS特效 > 提供前进、后退功能及其他JAVASCRIPT速成秘诀
热门文章排行
热门文章排行 网页上传常见问题分析(11-24)
五彩缤纷建网页(一)(10-11)
五彩缤纷建网页(二)(10-11)
五彩缤纷建网页(三)(10-11)
五彩缤纷建网页(四)(10-11)
精采文章排行
精采文章排行 网页技巧二十例(11-13)
模仿QQ和MSN消息提示的效果(11-13)
根据分辨率不同调用不同的css文件(11-13)
Dreamweaver 基础 :DW的"文档"工具(11-01)
Dreamweaver 基础 :DW的"文档"窗口(11-01)
技术专题推荐
网管论坛交流
 

提供前进、后退功能及其他JAVASCRIPT速成秘诀 

作者:佚名   来源:Linux 宝库   点击:   日期:2006-11-24


-->

通过了解下面的一些例子,并运用到你的WEB中,不久你马上成为JAVASCIPT的高手。
例(一)、在页面加入当前时间


< script language='JavaScript' >
tdy=new Date();
document.write('当前时间:',tdy.getHours());
document.write(':',tdy.getMinutes());
document.write(':',tdy.getSeconds());



例(二)、在页面加入文档最后修改日期


< script language='JavaScript' >
document.write('本页最后编辑日期:');
document.write(document.lastModified)



例(三)、在窗口的状态提示窗显示移动信息
(1) 在BODY之前
< script language='JavaScript' >
var msg='这是一个状态行滚动显示的JAVASCIPT程序,有兴趣的同志,可以粘贴!';
var i=1
function scroll()
{
mess=msg.substring(i,msg.length)+' '+msg.substring(0,i)
window.status=mess
i++;
if (i>=msg.length) i=1;
setTimeout('scroll()',200);
}


(2)在BODY标签中:


通过以上两步即可完成。


例(四)、提供前进、后退功能
< form >
< input type='button' value='<-'
onclick='history.go(-1) >
< input type='button' value='->'
onclick='history.go(1) >
< /form >


例(五)、在页面加入文档最后修改日期
< script language='JavaScript' >
document.write('本页最后编辑日期:');
document.write(document.lastModified)



例(六)、鼠标移到时发生动作
< A HREF='MAILTO:ZZY71616@163.NET'
onmouseover='alert('写信给我');
return true' > 信箱< /A >


例(七)、提供前进、后退功能


< H3 onclick='history.go(-1)' > 前一页< /H3>
< H3 onclick='history.go(-2)' > 前两页< /H3>
< H3 onclick='history.go(-3)' > 前三页< /H3>
< H3 onclick='history.go(1)' > 后一页< /H3>
< H3 onclick='history.go(2)' > 后两页< /H3>
< H3 onclick='history.go(3)' > 后三页< /H3>


例(八)、获得浏览器的属性
navigator.appCodename=undefinednavigator.appName=Microsoft Internet Explorernavigator.appVersion=4.0 (compatible; MSIE 5.0; Windows 98; DigExt)navigator.appAgent=undefined





文章评论】 【收藏本文】 【推荐好友】 【打印本文】 【论坛讨论

   相关文章:
·在状态栏中实现活动文字效果 ·DW+ASP玩转动态二级菜单
·鼠标事件的基础和完美实现 ·DW滑动菜单的制作
·网页里震动的效果怎么做 ·灵活运用DREAMWEAVER的SITE功能

   文章评论:(条)
  
 请留名: 匿名评论   点击查看所有评论 网管论坛
 

  责任编辑:一分  声明:刊登此文章是为了传递更多信息,文章内容仅供参考,转载请注明出处。