javascript,移动划过超链接鼠标变手型
javascript，移动划过超链接鼠标变手型顺便问下，表格里面的超链接，随后点击之后所在行高亮,颜色改变...
javascript，移动划过超链接鼠标变手型
顺便问下，表格里面的超链接，随后点击之后所在行高亮,颜色改变 展开
顺便问下，表格里面的超链接，随后点击之后所在行高亮,颜色改变 展开
4个回答
展开全部
用css控制鼠标样式的语法如下:
<span style="cursor:*">文本或其它页面元素</span>
把 * 换成如下15个效果的一种：
下面是对这15种效果的解释。移动鼠标到解释上面，看看你的鼠标起了什么变化吧！
hand是手型
pointer也是手型，这里推荐使用这种，因为这可以在多种浏览器下使用。
crosshair是十字型
text是移动到文本上的那种效果
wait是等待的那种效果
default是默认效果
help是问号
e-resize是向右的箭头
ne-resize是向右上的箭头
n-resize是向上的箭头
nw-resize是向左上的箭头
w-resize是向左的箭头
sw-resize是左下的箭头
s-resize是向下的箭头
se-resize是向右下的箭头
auto是由系统自动给出效果
<span style="cursor:*">文本或其它页面元素</span>
把 * 换成如下15个效果的一种：
下面是对这15种效果的解释。移动鼠标到解释上面，看看你的鼠标起了什么变化吧！
hand是手型
pointer也是手型，这里推荐使用这种，因为这可以在多种浏览器下使用。
crosshair是十字型
text是移动到文本上的那种效果
wait是等待的那种效果
default是默认效果
help是问号
e-resize是向右的箭头
ne-resize是向右上的箭头
n-resize是向上的箭头
nw-resize是向左上的箭头
w-resize是向左的箭头
sw-resize是左下的箭头
s-resize是向下的箭头
se-resize是向右下的箭头
auto是由系统自动给出效果
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<a href="#" id="a_03" style="cursor:pointer;"> 测试</a>这么写，超链接在鼠标划过的时候就变成了手型。
点击某一行的超链接，table表格变色，源码如下，请点击第一行。
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="AAAAAAAAAAAA.aspx.cs" Inherits="AAAAAAAAAAAA" %>
<!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 runat="server">
<title>111111111</title>
</head>
<body>
<table id="table1" border="1px;">
<tr >
<td onclick="javascript:this.parentNode.style.backgroundColor='red';"><a href="#" id="a1" style="cursor:pointer;"> 测试1</a></td>
<td onclick="javascript:this.parentNode.style.backgroundColor='red';"><a href="#" id="a2" style="cursor:pointer;"> 测试2</a></td>
<td onclick="javascript:this.parentNode.style.backgroundColor='red';"><a href="#" id="a3" style="cursor:pointer;"> 测试3</a></td>
<td onclick="javascript:this.parentNode.style.backgroundColor='red';"><a href="#" id="a4" style="cursor:pointer;"> 测试4</a></td>
</tr>
<tr>
<td colspan="4" align="center"><a href="#" id="a5" style="cursor:pointer;"> 测试4</a></td>
</tr>
<tr>
<td colspan="4" align="center"><a href="#" id="a8" style="cursor:pointer;"> 测试7</a></td>
</tr>
</table>
</body>
</html>
我这个测试代码将第一行所有单元格的内容，全部设为了超链接。楼主注意了，如果楼主想点击某一个单元格实现变色，那么代码如下
<td ><a href="#" id="a2" style="cursor:pointer;" onclick="javascript:this.parentNode.parentNode.style.backgroundColor='red';"> 测试2</a></td>
改成这样，则只有点击“测试2”这个超练级的时候，某一行变色。写完了才发现，与楼主的要求不对。所以临时修改了一下。
手写，绝对的手写。
点击某一行的超链接，table表格变色，源码如下，请点击第一行。
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="AAAAAAAAAAAA.aspx.cs" Inherits="AAAAAAAAAAAA" %>
<!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 runat="server">
<title>111111111</title>
</head>
<body>
<table id="table1" border="1px;">
<tr >
<td onclick="javascript:this.parentNode.style.backgroundColor='red';"><a href="#" id="a1" style="cursor:pointer;"> 测试1</a></td>
<td onclick="javascript:this.parentNode.style.backgroundColor='red';"><a href="#" id="a2" style="cursor:pointer;"> 测试2</a></td>
<td onclick="javascript:this.parentNode.style.backgroundColor='red';"><a href="#" id="a3" style="cursor:pointer;"> 测试3</a></td>
<td onclick="javascript:this.parentNode.style.backgroundColor='red';"><a href="#" id="a4" style="cursor:pointer;"> 测试4</a></td>
</tr>
<tr>
<td colspan="4" align="center"><a href="#" id="a5" style="cursor:pointer;"> 测试4</a></td>
</tr>
<tr>
<td colspan="4" align="center"><a href="#" id="a8" style="cursor:pointer;"> 测试7</a></td>
</tr>
</table>
</body>
</html>
我这个测试代码将第一行所有单元格的内容，全部设为了超链接。楼主注意了，如果楼主想点击某一个单元格实现变色，那么代码如下
<td ><a href="#" id="a2" style="cursor:pointer;" onclick="javascript:this.parentNode.parentNode.style.backgroundColor='red';"> 测试2</a></td>
改成这样，则只有点击“测试2”这个超练级的时候，某一行变色。写完了才发现，与楼主的要求不对。所以临时修改了一下。
手写，绝对的手写。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
a:hover{cursor:pointer;} 不支持IE6
js的方法：
var obj_a=document.getElementsByTagName("a");
obj_a.onmouseover=function(){this.style.cursor="pointer";};
obj_a.onmouseout=function(){this.style.cursor="default";};
表格高亮：
var obj_tr=document.getElementsByTagName("tr");
obj_tr.onclick=function(){this.style.backgroundColor="red";};
js的方法：
var obj_a=document.getElementsByTagName("a");
obj_a.onmouseover=function(){this.style.cursor="pointer";};
obj_a.onmouseout=function(){this.style.cursor="default";};
表格高亮：
var obj_tr=document.getElementsByTagName("tr");
obj_tr.onclick=function(){this.style.backgroundColor="red";};
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
js写法：onmouseover='this.style.cursor=hand',什么叫高亮，具体点，有很多种做法哦，是单一的字体变大，颜色改变了，还是多个层出来，层上显示点击后的内容，区别就是多个层出来后不影响其他部分
追问
颜色改变
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
