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

Javascript
Jquery 基础学习笔记
javascript 进度条的几种方法
Jquery中的offset()和position()深入剖析
基于Jquery 好友选择器V2.0
AJAX 仿EXCEL表格功能
网页和浏览器兼容性问题汇总(draft1)
JAVASCRIPT 点击显示 隐藏层
jQuery 学习 几种常用方法
JavaScript 动态改变图片大小
javascript 树控件 比较好用
Javascript Tab 导航插件 (23个)
JavaScript talbe表中指定位置插入一行的实现代码 修正版
js 操作css实现代码
Javascript 错误处理的几种方法
FireFox JavaScript全局Event对象
jquery.alert 弹出式复选框实现代码
jQuery Ajax文件上传(php)
jquery 上下滚动广告
JS 拼图游戏 面向对象,注释完整。
javascript 控制图片播放代码

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-08-10   浏览: 204 ::
收藏到网摘: 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>