jquery 鼠标点击后的效果

2009-06-17 13:48:32 by 【6yang】, 108 visits, 收藏 | 返回

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>$选择器</title>
<script src="lib/jquery.js"></script>

<style>
.abcde{
color : #f60 ;
}
.red{
color : red ;
}
</style>
<script>
    $(function(){
        $("#z").click(function(){
            $(".tasks a").addClass("abcde");
        })
    })
</script>
<script>
  $(function(){
        $("#d").click(function(){
            $(".link a").addClass("red");
        })
    })
</script>
</head>

<body>
<div class="tabswrapper">
    <ul class="tabs">
        <li class="link"><a  href="#"><span>项目信息</span></a></li>
        <li class="tasks"><a href="#"><span>6yang工作室</span></a></li>
    </ul>
</div>
<a id="z">啥我其谁,点我呀!!</a>
<a id="d">点我呀!!</a>
</body>
</html>

分享到:
share

    图片原图

    loading

    loading