关于jQuery伪装链接地址的示例及说明
2010-09-19 15:42
387 查看
源码:
<!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的属性值。
<!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的属性值。
相关文章推荐
- U-Boot中关于TEXT_BASE,代码重定位,链接地址相关说明
- U-Boot中关于TEXT_BASE,代码重定位,链接地址相关说明
- U-Boot中关于TEXT_BASE,代码重定位,链接地址相关说明
- U-Boot中关于TEXT_BASE,代码重定位,链接地址相关说明
- U-Boot中关于TEXT_BASE,代码重定位,链接地址相关说明
- U-Boot中关于TEXT_BASE,代码重定位,链接地址相关说明
- 关于jQuery的cookies插件2.2.0版设置过期时间的说明 (使用过,真的OK)
- JavaScript实现url地址自动检测并添加URL链接示例代码
- 各种示例数据库的地址链接
- 关于jquery里面prop和attr的带示例详细对比,深度理解
- 关于JAVA do--while的简单示例说明记录
- jquery 插件地址链接
- IntentService 示例与详解(看过写的不错的文章--链接地址)
- 关于jquery的多个选择器的使用示例
- 1.1 关于ARM中重定位:位置有关码和位置无关码及运行地址和链接地址
- 关于Jquery对象的说明(转)
- 关于微信二次分享,描述变链接的解决方法(一)----文档说明
- 关于jQuery判断元素是否存在的问题示例探讨
- jQuery的选择器中的通配符[id^='code'] 等示例及说明
- rails中关于评论或是帖子中链接地址的文本如何显示成超链接