你写一个css,
.a{cursor:hand;}就这样,然后在需要的元素上面绑定一个hover事件,
$(ele).hover(function(){
//把上面那个css,添加到这个ele元素上面。
$(this).addClass("a");
},function(){
//移除刚才那个css
$(this).removeClass("a");
});就类似这样的写法。试试看。
.a{cursor:hand;}就这样,然后在需要的元素上面绑定一个hover事件,
$(ele).hover(function(){
//把上面那个css,添加到这个ele元素上面。
$(this).addClass("a");
},function(){
//移除刚才那个css
$(this).removeClass("a");
});就类似这样的写法。试试看。
解决方案 »
- 如何用Javascript实现图片的轮播
- jquery中next()怎么用?
- 大家来看看这个怎么解决 关于ajax回调函数重复加载问题
- JS得到屏幕宽度,急,在线等
- javascript如何返回索引值?关于css实现tab菜单
- qunit 单元测试
- 分从哪里来,就从哪里去!^_^
- 如何使得,input 里只能输入“数字”和“小数点”!来者有分!
- 聊天室的输入框怎么处理的???
- 使用document.getElementById("adl").style.top获取不到style标签中定义的样式吗?
- 请教JQUERY如何实现这样效果
- easyui Tree 的json字符串拼接 及 异步载入的问题
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
function ss(id){
var table=document.getElementById(id);
var trs=table.getElementsByTagName("tr");
for(var i=0;i<trs.length;i++){
var td=trs[i].getElementsByTagName('td')[0];
if(td){
td.onmouseover=function(){
this.style.cursor='pointer';
}
td.onmouseout=function(){
this.style.cursor='default';
}
}
}
}
window.onload=function(){
ss('test');
}
</script>
<style type="text/css">
div{
cursor:pointer;
}
</style>
</head><body>
<table id="test">
<tbody>
<tr>
<td>1.1</td>
<td>1.2</td>
<td>1.3</td>
</tr>
<tr>
<td>2.1</td>
<td>2.2</td>
<td>2.3</td>
</tr>
<tr>
<td>3.1</td>
<td>3.2</td>
<td>3.3</td>
</tr>
<tr>
<td>4.1</td>
<td>4.2</td>
<td>4.3</td>
</tr>
</tbody>
</table>
</body>
</html>
jquery有选取第一个子元素的选择器的 你找找看
$("table tr>td:eq(0)")没有测试,试试看吧,应该是这样的。
很完美,但是为什么不用jquery,我主要是想知道有什么方法能取到第一列的每个表格并且把箭头改成小手,请指教
cursor: pointer;
pointer : IE6.0 和 hand 一样。竖起一只手指的手形光标。就像通常用户将光标移到超链接上时那样。