用JavaScript设计动态网页(转)

JSPCN主页 | JSP空间 | JSP教程 | JSP下载 | JSP论坛 | 留言 | 关于JSPCN | 友情链接 | 联系我们 地图
spacer.gif
logo.gifJSP虚拟主机,详细请点击进入
做最专业的JSP中文网站当前位置:首页--文章分类--JAVASCRIPT--JS基础
文章搜索:
关键字 标题 内容
JSP中文网内容管理系统(JCMS)
JSP虚拟主机
网络笔记本
网摘,图片,笔记收藏
虚拟服务器

JSPCN文章目录分类
缓存区 [2581]JSP实例 [89]
中文问题 [69]数据库 [212]
JAVAMAIL [72]JSP基础 [136]
JSP其他 [57]JAVABEAN [46]
图片声音 [17]JSP配置 [219]
开发工具 [28]上传问题 [27]
时间相关 [16]教程系列 [157]
文件操作 [126]STRUTS [144]
APPLET [78]JAVA线程 [90]
J2EE [374]SUN [89]
Java API [141]JAVA基础 [421]
Spring [34]考试相关 [63]
JAVA类 [139]Application [115]
Swing [26]XML [163]
异常处理 [33]JMX [8]
Servlet [98]J2ME [257]
JAVA实例 [290]JAVA网络 [179]
EJB [261]Hibernate [6]
声音图片 [28]JS基础 [184]
asp笔记 [7]B/S开发 [12]
B/S其他 [7]RSS [1]
代码收集 [8]原子代码 [3]
Jbuilder [57]RESIN [25]
JBOSS [25]weblogic [56]
eclipse [42]Tomcat [93]
sql server [33]MYSQL [39]
ORACLE [92]常见问题 [13]
邮件服务 [4]相关说明 [1]
WWW服务 [6]
热点文章链接
树状多重菜单 [1680]
window.open详解 [692]
js写的确认操作 [605]
可逆的多选操作 [559]
使用CSS改变表格边框样式 [519]
javascript技巧 [495]
网页中播放音乐的实现方法代码 [489]
用JS判断日期数字整数和特殊字符 [475]
JavaScrip源码:日历式时间程序 [383]
JavaScript 基础教程 第一课 [362]
Javascript和Java应该没有直接的关系吧? [353]
使用Jscript编写EXCEL导出 [344]
禁止页面缓存的方法 [341]
JavaScript对象与数组 [335]
你的IP [297]
相关文章链接
JSP生成验证码源程序 [2005-04-11]
用JavaScript设计动态网页
作者:未知 文章来源:www.jspcn.net
访问次数: 次 加入时间:2005-01-19
随着 Internet 在我国的普及,网上企业主页和个人主页日渐增多起来,更好地维护主页是越来越多的朋友的心愿。鉴于网络技术都比较年轻,更新速度又较快,因此有关网页制作实际技巧方面的书籍很少。所以笔者结合自己几年来制作主页的一点积累,与大家一同探讨。
动态网页设计技术在网页制作中的应用,大大丰富了Web的表现形式,其中JavaScript 脚本程序是功能较强、应用较多的一种。这里列举其比较实用的几个实例。
一、状态栏显示控制
浏览器的状态栏在下载完页面之后,仅显示“完成”两个字,如果能合理地加以利用,则这是一个拓展页面表现力的好地方。许多做得很“酷”的页面都在挖掘状态栏的表现效果。下例显示的效果是状态栏文字在页面阅读过程中不断从右至左移动,文字可设置成欢迎信息、最新通告、网站主要内容介绍等,表现形式醒目、活泼。
#页面一:


状态栏显示控制



本页面用来显示动态状态栏效果




读者如果有兴趣,可以在本程序的基础上进行再次开发:将状态栏信息分成多个字符串数组循环显示,可扩大显示的信息量;在多个字符串数组中引入扩展图形字符,如"☆"等,可增加图形化动态效果。
二、窗口的开关控制
在浏览器中可利用 JavaScript 函数实现动态打开或关闭一个新的浏览器窗口,当网站需要发布重要消息、公告或进行网站内容调查时,这一功能显得尤为重要。
#页面二:


窗口的开关控制


本页面用于演示窗口的开关控制






三、系统日期显示
在网页的首页中加入系统日期是许多 ISP/ICP 及专业企业网站常用的方法。这些大网站有专人管理,每日更新数次,有足够的时间去每日更改。但是对于大多数的企业主页或个人主页的站长来说,却大多没有这个条件。这里介绍一种利用 JavaScript 来自动实现这一功能的例子。
#页面三:


系统日期显示


本页面用于演示系统日期显示





本脚本的缺点在于,读出的时间其实是浏览者当前计算机设置的系统时间,如果浏览者的系统时间设置有误,则读出的时间也不准确。
四、页面滚动广告板
充分利用网站的首页,让访问者尽可能多地获取信息,是每一个成功网站展示自身内涵、留住访客的共同之处。利用页面滚动广告板,可以在有限的空间内展示更多的信息,也是艺术化页面设计的一种方法。
#页面四:


页面滚动广告板


本页面用于演示页面滚动广告板














用本脚本产生的页面滚动广告板,可以循环动态地显示多个内容,并且在各个独立内容之间可以直接使用超链接,既美化了页面设计,也节省了页面表现空间。
五、统计网友上网次数
通常的计数器和统计分析只能粗略统计网站的所有访问人数,并不能精细地统计到同一访客对网站的访问次数。可以利用 JavaScript 的 Cookie技术来分别统计每一访客访问站点的次数,再将这个数目返回到浏览器中回显,以达到与访客交互的目的。
#页面五:


统计网友上网次数


本页面用于演示统计网友上网次数


亲爱的网友,这是您第
次来访,感谢光临!



以上页面显示“亲爱的网友,这是您第 n 次来访,感谢光临!”,其中 n的次数可变,访客每访问网站一次 n加一。
[@more@]

来自 “ ITPUB博客 ” ,链接:http://blog.itpub.net/9650775/viewspace-922887/,如需转载,请注明出处,否则将追究法律责任。

转载于:http://blog.itpub.net/9650775/viewspace-922887/

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值