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

jQuery鼠标悬停示例

最新推荐文章于 2023-10-29 19:12:22 发布

原创最新推荐文章于 2023-10-29 19:12:22 发布 · 1.3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #function #stylesheet #html #class #测试

学习讨论区专栏收录该内容

37 篇文章

订阅专栏

本文介绍了一个使用jQuery实现的简单网页效果，当鼠标悬停在带有特定类的链接上时，会显示链接的title属性值；鼠标移开后则显示预设的状态信息。此效果通过jQuery的选择器和事件绑定实现。

源码：

<!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">

    

<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的属性值。