檬味博客 » 问答 » javascript，移动划过超链接鼠标变手型

javascript，移动划过超链接鼠标变手型

用css控制鼠标样式的语法如下:文本或其它页面元素 把 * 换成如下15个效果的一种：下面是对这15种效果的解释。移动鼠标到解释上面，看看你的鼠标起了什么变化吧！hand是手型 pointer也是手型，这里推荐使用这种，因为这可以在多种浏览器下使用。crosshair是十字型 text是移动到文本上的那种效果 wait是等待...
javascript，移动划过超链接鼠标变手型
用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是由系统自动给出效果2011-07-28
<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”这个超练级的时候，某一行变色。写完了才发现，与楼主的要求不对。所以临时修改了一下。
手写，绝对的手写。2011-07-29
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";};2011-07-29
js写法：onmouseover='this.style.cursor=hand',什么叫高亮，具体点，有很多种做法哦，是单一的字体变大，颜色改变了，还是多个层出来，层上显示点击后的内容，区别就是多个层出来后不影响其他部分2011-07-28
mengvlog 阅读 11 次 更新于 2025-07-19 19:32:02 我来答关注问题0
4 个回答檬味博客专题活动
  • 崔冰 javascript我想做出一种鼠标滑过效果,划过的时候背景会移动,为什么换种编写方式就不行了呢?

    1、js的标签里不要使用language="javascript" 了，统一使用 style="text/javascript"；2、这个动画有个很大的bug，就是没有鼠标移出后的动作，图片会加速移动效果。这样，你反复地移出鼠标再移入鼠标，移出移入移出移入移出移入移出移入……你懂的…… 看不到效果的，需要修改一下 background-repeat:...

  • 倍领趣闻 A元素事件

    ondragleave：当用户在拖曳操作过程中将鼠标移出合法拖曳目标时在目标对象上触发，用于处理拖放操作的移动逻辑。ondragover：当用户拖曳对象划过合法拖曳目标时持续在目标元素上触发，用于实现拖放操作的移动过程。ondragstart：当用户开始拖曳文本选中区或选中对象时在源对象上触发，用于处理拖放操作的开始。ondrop...

  • 翡希信息咨询 A元素事件

    onmousemove：当用户将鼠标划过对象时触发，用于处理鼠标移动操作。onmouseout：当用户将鼠标指针移出对象边界时触发，与onmouseleave类似，但在某些情况下行为可能有所不同。onmouseover：当用户将鼠标指针移动到对象内时触发，与onmouseenter类似，但在某些情况下行为可能有所不同。onmouseup：当用户在鼠标位于...

  • 海南加宸 JavaScript精彩网页特效实例精粹目录

    第一章：文本特效类 实例1：随机产生文字实例2：文字循环出现实例3：鼠标光标划过选中文本实例4：颜色不停变化的链接实例5：逐字出现的信息条实例6：文字波浪效果实例7：文字逐个闪烁效果实例8：文字发光效果实例9：文字连续闪烁实例10：旋转文字实例11：文字破碎效果实例12：状态栏文字效果实例13：文字同步...

  • 孤星_ 如何在鼠标划过表格时背景颜色改变,滑出后又恢复

    onmouseout="this.bgColor='blue'">测试区 当鼠标滑进去为红色,滑出来为蓝色..在dw中代码操作.鼠标选项中要编辑的区域,,然后右键"编辑标签".靠左下面都是鼠标事件.包括滑进滑出点击双击等.选择后在右边窗口编辑事件.this.就是表示对当前对象处理,也可处理别的.用JavaScript塞。function changeBgColor...

其他CSS类似问题

檬味博客在线解答立即免费咨询

CSS相关话题

Copyright © 2023 WWW.MENGVLOG.COM - 檬味博客
返回顶部