html中鼠标放上去图片上下跳动一下

浏览器内系统内部的设置和鼠标系统内部设置共同形成的结果。根据查询相关公开信息显示在html中鼠标放上去图片上下跳动一下的现象是浏览器内系统内部的设置和鼠标系统内部设置共同形成的结果。HTML的全称为超文本标记语言，是一种标记语言。

用hover伪类来做

做好是给图片加以个<a>标签，然后对<a>标签设置hover

例如一个图片<img src='example.jpg' width='100' height='100' alt='举例'>

移上去的图片叫hover.jpg 两个图片大小一样

改写成

<a href='javascript:' id='example'><a>

再在css中添加

#example{ background:url('example.jpg') no-repeatdisplay:blockwidth:100pxheight:100px}

#example:hover{ background:url('hover.jpg') no-repeat}

<img src="1.jpg" width="200" height="200" border="0" style="cursor:hand" />

在图片的加入样式style="cursor:hand" 即可改变鼠标图像。

cursor的相应值的意思：

default 默认光标（通常是一个箭头）

auto 默认。浏览器设置的光标。

crosshair 光标呈现为十字线。

pointer 光标呈现为指示链接的指针（一只手）

move 此光标指示某对象可被移动。

e-resize 此光标指示矩形框的边缘可被向右（东）移动。

ne-resize 此光标指示矩形框的边缘可被向上及向右移动（北/东）。

nw-resize 此光标指示矩形框的边缘可被向上及向左移动（北/西）。

n-resize 此光标指示矩形框的边缘可被向上（北）移动。

se-resize 此光标指示矩形框的边缘可被向下及向右移动（南/东）。

sw-resize 此光标指示矩形框的边缘可被向下及向左移动（南/西）。

s-resize 此光标指示矩形框的边缘可被向下移动（北/西）。

w-resize 此光标指示矩形框的边缘可被向左移动（西）。

text 此光标指示文本。

wait 此光标指示程序正忙（通常是一只表或沙漏）。

help 此光标指示可用的帮助（通常是一个问号或一个气球）。

hand 此光标显示手样式。

---