檬味博客 » 问答 » 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 阅读 51 次 更新于 2025-09-09 09:15:05 我来答关注问题0
4 个回答檬味博客专题活动
  • 百度网友8dce392c02 javascript鼠标划过时鼠标箭头变成我自定义的图片

    url:需使用的自定义光标的 URL。图片类型需要是.cur或.ani格式的。请在此列表的末端始终定义一种普通的光标，以防没有由 URL 定义的可用光标。css的div:hover{CURSOR:url();}st=n=m=0;k=9;ns=navigator.appName=="Netscape";t1=new Image();t1.src="你的图片"...

  • 倍领趣闻 A元素事件

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

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

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

  • 文暄生活科普 如何在DW里实现鼠标划过此图,另一张图象发生变换?

    在Dreamweaver里实现鼠标划过一张图片，另一张图片发生变换，这样的效果需要通过编写程序来完成，并不是简单的工具可以自动制作。你可以在网上搜索“图片幻灯”或“图片轮播”的代码，找到合适的代码后，将其粘贴到网页的代码中，根据需要进行调整和适应。在使用这类代码之前，首先需要确保你已经熟悉HTML、CSS...

  • jbpde09d2ed70 javascript鼠标划过时鼠标箭头变成我自定义的图片

    st=n=m=0;k=9;ns=navigator.appName=="Netscape";t1=new Image();t1.src="你的图片"t2=new Image();t2.src="你的图片"function ner(){return true} window.onerror=ner function pop(name){ i=document.cookie.indexOf(name+"=");if(i!=-1){ i=...

其他CSS类似问题

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

CSS相关话题

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