如何把自己的网页里面的鼠标指针换成自己喜欢的图案

发布网友发布时间：2022-04-20 13:42

共6个回答

懂视网时间：2022-05-13 07:24

最近写项目需要实现一个功能：鼠标移动到一个图片左边显示左箭头，移动到右边显示右箭头。

实现方法：一个img上面定位两个div，div的样式如下：

 .toleft {  width: 200px;  height: 300px;  position: absolute;  left: 0px;  top: 0px;  cursor: url(../images/test/cursor_left.cur), default; } .toright {  width: 200px;  height: 300px;  position: absolute;  left: 200px;  top: 0px;  cursor: url(../images/test/cursor_right.cur), default; }

其他浏览器还好，可就是ie里面不行。

后来试了几种方法：

1.给 img 加 z-idnex:1 ；给 div 加 z-index:2 //不行

2.把 div 的 position:absolute 去掉，加上float:left; //不行

无奈，后来给 div 加了个background-color：#fff; 嘿，居然可以了。

最后再把div的透明度设为0就ok了。

热心网友时间：2022-05-13 04:32

1、CSS定义，在Extensionsr/Cursor下拉框里有很多鼠标样式
<HTML>
<HEAD>
<TITLE>Table of all supported cursors</TITLE><STYLE>
BODY
{
background-color:white;
color:black;
font-family:verdana;
font-size:.8em
} H1
{
font-size:1.5em;
color:#3366CC;
font-family:tahoma;
}

H2
{
font-size:1.3em;
color:#3366CC;
font-family:tahoma;
}

TD
{
background-color:#e4e4e4;
color:black;
font-family:verdana;
font-size:.8em;
width:125px;
padding:5px;
}
A
{
border-top:1px solid #e4e4e4;
padding-top:10px;
width:600px;
color:#3366CC;
text-decoration:none;
}
A:visited
{
color:#3366CC;
text-decoration:none;
}
A:hover
{
color:#3366CC;
text-decoration:underline;
}

</STYLE>
</HEAD>

<BODY><H1>Currently supported cursors</H1>
<P>When you use the inline style designation <STRONG>style="<EM>cursor:cursor</EM>"</STRONG>, the cursor displays the appropriate cursor for the cell that you move the pointer over.</P><B>Existing cursor styles</B>
<BR>
<BR>
<TABLE CELLPADDING="2" CELLSPACING="2">
<TR>
<TD STYLE="cursor:auto" >auto</TD>
<TD STYLE="cursor:crosshair" >crosshair</TD>
<TD STYLE="cursor:default" >default</TD>
<TD STYLE="cursor:move" >move</TD>
</TR>
<TR>
<TD STYLE="cursor:hand" >hand</TD>
<TD STYLE="cursor:text" >text</TD>
<TD STYLE="cursor:wait" >wait</TD>
<TD STYLE="cursor:help" >help</TD>
</TR>
<TD TITLE="This cursor style has been available in previous versions but has been updated for IE 6" >*-resize</TD>
</TABLE><H2>New cursors for IE 6</H2>
<TABLE>
<TR>
<TD STYLE="cursor:pointer; ">pointer</TD>
<TD STYLE="cursor:progress; ">progress</TD>
<TD STYLE="cursor:not-allowed; ">not-allowed</TD>
<TD STYLE="cursor:no-drop; ">no-drop</TD>
</TR>
<TR>
<TD STYLE="cursor:vertical-text; ">vertical-text</TD>
<TD STYLE="cursor:all-scroll; ">all-scroll</TD>
<TD STYLE="cursor:col-resize; ">col-resize</TD>
<TD STYLE="cursor:row-resize; ">row-resize</TD>
</TR>
</TABLE><BR>
<B>Directional cursors</B>
<BR>
<BR>
*-resize has been available in previous versions but has been updated for IE 6.
<BR>
<BR><TABLE>
<TR>
<TD STYLE="cursor:n-resize; ">n-resize</TD>
<TD STYLE="cursor:s-resize; ">s-resize</TD>
<TD STYLE="cursor:ne-resize; ">ne-resize</TD>
<TD STYLE="cursor:sw-resize; ">sw-resize</TD>
</TR>
<TR>
<TD STYLE="cursor:nw-resize; ">nw-resize</TD>
<TD STYLE="cursor:se-resize; ">se-resize</TD>
<TD STYLE="cursor:e-resize; ">e-resize</TD>
<TD STYLE="cursor:w-resize; ">w-resize</TD>
</TR>
</TABLE>
<BR><B>Custom cursors</B>
<BR>
<BR><TABLE CELLPADDING="2" CELLSPACING="2">
<TR>
<TD STYLE="cursor:url(elogo.cur); ">url(custom.cur)</TD>
<TD STYLE="cursor:url(banana.ani); ">url(custom.ani)</TD>
</TR>
</TABLE><P>[To view the source code, right-click anywhere in the window.]</P></BODY>
</HTML>
您可以先修改部分代码再运行
2、随鼠标指针移动的时间
html>
<head>
<title>网页特效|Linkweb.cn/Js|---跟随鼠标的日期时间表盘</title>
</head><BODY>


<SCRIPT language=JavaScript>

</SCRIPT>
</body></html>
希望对你有帮助

热心网友时间：2022-05-13 05:50

把代码加到<head></head>中间;
<style>

</style>
或者,在样式表里添加，直接写body~~~（同上），应该就好了吧

热心网友时间：2022-05-13 07:25

把代码加到<head></head>中间;
<style>

</style>
或者,在样式表里添加，直接写body~~~（同上），应该就好了吧

热心网友时间：2022-05-13 09:16

1、打开控制面板中的“鼠标”项目。 <br>2、屏幕出现“鼠标属性”对话筐，打开“指针”选项卡，将“方案” <br>选项改成“指挥家”（或其它你喜欢的指针）会更漂亮，单击“应用” <br>即可。 <br>如果windows xp自带的鼠标指针不够“可爱”，你还可以去网上下载更可爱的鼠标指针！步骤如下： <br>1、进入“<a href="https://wenwen.sogou.com/login/redirect?url=www.nephco.com%2fcursandicons" target="_blank">www.nephco.com/cursandicons</a>”网站，该网站有许多鼠标指针<br>、桌面图标和桌面主题的文件。 <br>2、选择喜欢的图案，如看一下batz　maru，这是酷企鹅的鼠标指针和图标文件，单击任一个鼠标指针文件。把选中的文件保存到硬盘中。 <br>3、打开“控制面板”中的鼠标的指针选项卡单击“浏览”。 <br>4、屏幕出现“浏览”对话框，进入保存的鼠标文件，任意选择一个图 <br>案打开就可以了。 <br>

热心网友时间：2022-05-13 13:49

下载

如何把自己的网页里面的鼠标指针换成自己喜欢的图案

您可以先修改部分代码再运行2、随鼠标指针移动的时间html>网页特效|Linkweb.cn/Js|---跟随鼠标的日期时间表盘<BODY><SCRIPT language=JavaScript> <!-- dCol="0000FF"fCol="FF0000"sCol="00FF00"mCol="000000"hCol="000000"ClockHeight=40; ClockWidth=40...

如何吧网页里面的鼠标指针换成自己喜欢的

开始 - 控制面板 - 打印机和其他硬件 - 鼠标 - 指针 - 方案即可修改。如果需要喜欢的样式，可以在百度搜索下载。

如何把自己的网页里面的鼠标指针换成自己喜欢的图案

那个空间里面应该有一个空间装扮，点开之后下面一排有一个装饰选项，点开那个之后，在左面一栏有一个鼠标，点开那个就能选了

网页设计中把鼠标改变成自己喜欢的图案??

用CSS实现。改变整页的鼠标指针： body { cursor:normal; /*使用系统默认指针，就是箭头*/ cursor:url(mouse1.cur); /*使用你自己提供是静态指针*/ cursor:url(mouse2.ani); /*使用你自己提供是动画指针*/ ｝改变链接指针：把上述的body改为a即可。单独为某个对象添加特殊指针只要为该对象添...

网页中如何让鼠标指针变成小手状

1.首先到网上下载鼠标指针主题包 2.打开控制面板下面“鼠标”按钮，打开鼠标属性配置窗口 3.点击“指针”标签，windows列出预置系统下默认所有鼠标的状态及图标，双击需要更改图标的状态列，如下图修改“正常选择”状态下的鼠标箭头图标 4.在鼠标主题包里选择需要更换的图片后点“确定”，即可预览到鼠标箭头...

鼠标指针指针替换

然后在弹出的菜单中选择安装选项。安装完成后，接下来的步骤是进入系统设置。首先打开"控制面板"，接着找到"鼠标"选项，然后点击"指针"。在这里，你会看到一个"方案"下拉菜单，你需要从中找到刚安装的新指针样式。最后，选择你喜欢的方案后，点击"应用"并确认更改，这样新的鼠标指针就成功设置了。

电脑,鼠标指针怎么改

在桌面空白处右击，选择【个性化】。找到【主题】这一项，选择【鼠标光标】。选择【浏览】，把准备好的图片（需提前将图片转换成cur图标文件）选中即可。

我想知道怎样才能在自家电脑上把鼠标指针变成在那些网页上的样子呢?

你给的网页进不去哈首先你可以百度鼠标指针下载然后下一个好看哒再者点左下角的开始-设置-控制面板-鼠标-指针- 在下面看到正常指针了吧就是系统默认的，你想换的话就点那个指针，然后浏览找到你下载的指针 OK！

怎样设置鼠标事件(把鼠标指针改为个性图标)

新建CSS样式，在扩展属性页里有光标选项，除了有系统自带的，你还可以自己定义光标的地址！

电脑鼠标箭头皮肤怎么换_win10怎么换鼠标箭头皮肤

2、在打开的窗口中选择“指针”，选择指针样式，可点击浏览，找到文件夹下，查看哪些指针可选择。可按路径把喜欢的图标放进去；3、找到需要的指针样式后，点击选择，点击确定即可。这样即成功更改电脑鼠标箭头了。6. windows10怎么换鼠标箭头的图案工具/原料 1、电脑 2、windows系统方法/步骤 1、找到...

鼠标指针怎么换成别的更换电脑鼠标指针图案电脑的鼠标指针怎么换更换鼠标指针 win10鼠标指针怎么换电脑鼠标指针怎么换皮肤怎么替换鼠标指针怎样更换鼠标光标鼠标指针大全