您的位置：首页 > Web前端 > JQuery

滑动变色——js和jQuery对比

2012-02-22 17:25 393 查看

Jquery方法

<head>

<script src="jquery-1.4.1.js" type="text/javascript"></script>

<script type="text/javascript">

$(function () {

// 不需要on——

$(".table1 tr").mouseenter(function () {

$(this).css("backgroundColor", "yellow");

}).mouseleave(function () {

$(this).css("backgroundColor", "white");

});

})

</script>

</head>

<body>

<table class="table1">

<tr>

<td>

喜洋洋

</td>

</tr>

<tr>

<td>

喜洋洋

</td>

</tr>

<tr>

<td>

喜洋洋

</td>

</tr>

<tr>

<td>

喜洋洋

</td>

</tr>

<tr>

<td>

喜洋洋

</td>

</tr>

</table>

</body>

Js方法

<head>

<script type="text/javascript">

function ChangeColor() {

var table = document.getElementById("table1");

var trs = table.getElementsByTagName("tr");

for (var i = 0; i < trs.length; i++) {

// 事件前面有on——

trs[i].onmouseenter = function () {

this.style.backgroundColor = "yellow";

}

trs[i].onmouseleave = function () {

this.style.backgroundColor = "white";

}

}

}

</script>

</head>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航