JavaScript网页特效代码实例分享
"这个资源是一个关于网页特效的集合,包含了基本且经典的JavaScript示例,适合初学者和进阶者学习。其中包括设置网页为书签、设置为首页的JavaScript代码,以及一个倒计时关闭窗口的特效和在状态栏显示自定义消息的功能。" 在网页开发中,JavaScript是一种强大的客户端脚本语言,它允许我们实现动态效果和交互性功能。在这个网页特效集中,我们看到了几个关键的JavaScript应用实例: 1. **设置网页为书签和首页**:这两个功能是网站常见的用户互动元素。`<span>`标签结合`onClick`事件,可以调用浏览器的特定功能,如将当前页面添加到收藏夹或设为首页。`window.external.addFavorite()`是用于添加书签的IE特有方法,而`this.setHomePage()`则用来设置页面为浏览器的首页。 2. **弹出无边框窗口**:通过`window.open()`函数,我们可以打开一个新的浏览器窗口,并定制其属性,例如隐藏工具栏、状态栏、菜单栏,以及设置窗口大小和位置。这段代码打开了一个名为`window.html`的页面,并设置了相应的窗口参数。 3. **倒计时关闭窗口**:这是一个简单的定时器应用,通过`setTimeout`函数实现。代码定义了一个名为`clock`的函数,每次调用会减少计数器`i`的值,直到计数器归零时关闭窗口。这样可以创建一个在指定时间后自动关闭的弹出窗口。 4. **状态栏显示自定义消息**:JavaScript可以访问浏览器的状态栏并显示自定义文本。这里定义了一个名为`statusMessageObject`的构造函数,用于管理状态栏的消息显示,包含消息内容、输出字符串、位置、延迟等属性。通过调整这些属性,可以实现状态栏的消息滚动或其他动态效果。 这些基本的JavaScript特效可以帮助开发者提升用户体验,增加网站的互动性和吸引力。它们展示了JavaScript在控制网页行为和增强用户体验方面的强大能力。学习并理解这些例子,对于任何希望在网页开发中使用JavaScript的人来说都是非常有益的。
<span style="CURSOR: hand" onClick="window.external.addFavorite('http://www.helpor.net','网页特效集锦')" title="网页特效集锦">收藏本站</span>
设为首页
<span onclick="var strHref=window.location.href;this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.helpor.net');" style="CURSOR: hand">设为首页</span>
在打开有下面这段代码的页面时将会跳出一个468x60大小的小窗口。“window.html”为跳出的小窗口里所要显示的网页。toolbar、status、menubar、scrollbars、设置小窗口的工具栏、状态栏、菜单栏及滚动条的有无,resizable设置是否可让浏览者改变小窗口大小,width、height设置小窗口的宽度以及高度。(不过这样的小窗口一般是不受欢迎的哦!)
<script language="JavaScript">
window.open("window.html","www_helpor_net","toolbar=no, status=no,menubar=no, scrollbars=no,resizable=no,width=468,height=60,left=200,top=50");
</script>
注意看跳出的那个窗口……它将在10秒钟之后自动关闭!
<script language="javascript">
<!--
function clock(){i=i-1
document.title="本窗口将在"+i+"秒后自动关闭!";
if(i>0)setTimeout("clock();",1000);
else self.close();}
var i=20
clock();
//-->
</script>
浏览器的状态栏里出现一个字接一个字往左跑的欢迎语!
<script language="JavaScript">
<!--
function statusMessageObject(p,d) {
this.msg = MESSAGE
this.pos = POSITION
this.delay = DELAY
this.i = 0
this.reset = clearMessage
}
function clearMessage() {
this.pos = POSITION
}
var POSITION = 100
var DELAY = 5
var MESSAGE = "欢迎光临! Welcome to WWW.HELPOR.NET "
var scroll = new statusMessageObject()
function scroller() {
for (scroll.i = 0; scroll.i < scroll.pos; scroll.i++) {
scroll.out += " "
}
if (scroll.pos >= 0)
scroll.out += scroll.msg
else scroll.out = scroll.msg.substring(-scroll.pos,scroll.msg.length)
window.status = scroll.out
scroll.out = " "
scroll.pos--
if (scroll.pos < -(scroll.msg.length)) {
scroll.reset()
}
setTimeout ('scroller()',scroll.delay)
}
function snapIn(jumpSpaces,position) {
var msg = scroll.msg
剩余19页未读,继续阅读
- 粉丝: 0
- 资源: 3
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 深入理解23种设计模式
- 制作与调试:声控开关电路详解
- 腾讯2008年软件开发笔试题解析
- WebService开发指南:从入门到精通
- 栈数据结构实现的密码设置算法
- 提升逻辑与英语能力:揭秘IBM笔试核心词汇及题型
- SOPC技术探索:理论与实践
- 计算图中节点介数中心性的函数
- 电子元器件详解:电阻、电容、电感与传感器
- MIT经典:统计自然语言处理基础
- CMD命令大全详解与实用指南
- 数据结构复习重点:逻辑结构与存储结构
- ACM算法必读书籍推荐:权威指南与实战解析
- Ubuntu命令行与终端:从Shell到rxvt-unicode
- 深入理解VC_MFC编程:窗口、类、消息处理与绘图
- AT89S52单片机实现的温湿度智能检测与控制系统