关于jQuery伪装链接地址的示例及说明

来源:互联网 发布:矩阵结合律 编辑:程序博客网 时间:2024/05/22 15:44

源码:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>MyHtml.html</title>
 
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
   
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
   
<script type="text/javascript" src="js/jquery-1.4.2.js"></script>
<script type="text/javascript">

$(document).ready(function(){
$('a.abc').mouseover(function(){window.status=this.title;return true;})
.mouseout(function(){window.status='Done';return true;});
});

</script>
  </head>
 
  <body>
    <a href="http://www.sohu.com/" title="www.baidu.com" class="abc">请测试</a>
  </body>
</html>

 

说明:

1。$('a.abc').mouseover(function(){window.status=this.title;return true;})
.mouseout(function(){window.status='Done';return true;});可以连写也可以改为:

 

$('a.abc').mouseover(function(){window.status=this.title;return true;});
$('a.abc').mouseout(function(){window.status='Done';return true;});

 

 

2.关于('a.abc')

abc 是<a></a> 中的Class的属性值。

 

原创粉丝点击