Question

HTML代码移动鼠标到图片会变化是怎么做的？

Answer 1

<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 此光标显示手样式。

Answer 2

用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-repeat; display:block; width:100px; height:100px;}
#example:hover{ background:url('hover.jpg') no-repeat; }

Answer 3

Dreamweaver 本身就有这样的代码，可以直接插入。

Answer 4

用鼠标经过图片来做