当前位置: 首页 > 图文教程 > 网络编程 > Javascript > JavaScript 小技巧(第一集)

Javascript
非常厉害的javascript 实现指针式时间
文档处理系列——随时更新
用javascript实现文本框和"选择"按扭之间的间距
使用户点击后退按钮使效三行代码
Javascript 个人笔记(没有整理,很乱)
建议大家看下JavaScript重要知识更新
javascript实现操作cookie实现的可记忆菜单
javascript下for循环用法小结
一个快速添加标签的小玩意,但在FF下不能用,望高手指点
HTML中事件触发列表与解说
极品源码:自动完成 仿163篇
doctype后如何获得body.clientHeight的方法
用javascript调出windows色版的代码
js实现的网页颜色代码表全集
javascript实现爱你在FF IE下都有效的添加一个项目
js实现用滚动条来放大缩小图片的代码
javascript实现unicode和字符的互相转换
符合W3C网页标准的iframe标签的使用方法
firefox下javascript实现高亮关键词的方法
用javascript实现读取txt文档的脚本

Javascript 中的 JavaScript 小技巧(第一集)


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-08-10   浏览: 368 ::
收藏到网摘: n/a

  第一集 如何用滑鼠控制Web页面

  在这一部分首先要为你展示的JavaScript特性是将你的滑鼠移到这个不同颜色的连结上面,此时看看浏览器下的状态列有何结果,然后这样的功能我们可以与JavaScript的功能相结合。怎样做到的呢 以下就是这一个连结的作法:
   <a href="tpage.htm" onMouseOver="window.status='Just another stupid link...'; return true">
  在这儿你只要在传统 <a> 的标签中加入 onMouseOver 的 method 就可达成你要的效果了。这里的 window.status 是用来让你可以在 WWW 浏览器的状态列上显示一些讯息用的。

  在语法中,你可以看到讯息部分是用 ' 括起来的部分,而非以 " 括起来。在讯息部分结束之后,必须加上 ; return true。好了,利用以上的特性可以很简单的完成第二个连结的例子,相当简单。以onMouseOver 的 method ,然后配合事件发生时去呼叫函数 hello() 就行了,不再多加解释了。 

作法如下 

 <html>
 <head>
 <script language="LiveScript">
 <!-- Hiding
 function hello() {
 alert("哈罗!");
 }
 </script>
 </head>
 <body>
 <a href="" onMouseOver="hello()">link</a>
 </body>
 </html>