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

Javascript
csdn 博客的css样式 v3
javascript 常用代码技巧大收集
javascript div 弹出可拖动窗口
jQuery 使用个人心得
ajax 文件上传应用简单实现
用正则表达式 动态创建/增加css style script 兼容IE firefox
10个新的最有前途的JavaScript框架
自动完成JS类(纯JS, Ajax模式)
JavaScript 颜色梯度和渐变效果
IE6与IE7中,innerHTML获取param的区别
for 循环性能比较 提高for循环的效率
Ext javascript建立超链接,进行事件处理的实现方法
利用javascript移动div层-javascript 拖动层
jQuery 全选效果实现代码
一个tab标签切换效果代码
提取自百度有啊的css圆角效果
可左右平滑滚动的产品展示效果
响应鼠标变换表格背景或者颜色的代码
ymyang 绘图 实例代码
JS 单击连接保存图片的函数

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


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