用 CSS 来控制：
成都创新互联-专业网站定制、快速模板网站建设、高性价比商都网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式商都网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖商都地区。费用合理售后完善，十年实体公司更值得信赖。
* {
cursor: url('路径'), auto;
}
三点要对新手说的，第一这个路径是相对于你这个 CSS 的路径的；第二是要想所有浏览器（IE8之前的直接PASS）都支持，格式需要为 cur 或者 ico 的；第三尺寸最好是 32*32 的。
获取你鼠标点击位置的left与top值，然后更改角色图片的left与top值。通过getElementById获取角色图片元素。照葫芦画瓢知道吗？你参考参考超级玛丽是怎么做的。超级玛丽是根据“→”键位控制图片，其实就是更改了原来图片的top与left值。同理，你只要得到鼠标点击部位的top与left值，那么再传给角色，角色就会移动过去。建议参考超级玛丽 javascript代码，
a href=# title="这里是显示的文字"hello/a
当鼠标悬停在 hello上一回就会有文字 这里是显示的文字 显示。
html中有一个标签，直接给文字添加一个a标签 ；\x0d\x0a比如：\x0d\x0a关于我们\x0d\x0aa标签默认的鼠标放上去就是一个手指的样式，或者你也可以用cursor: pointer;这个给他设置一下，cursor还有其他的属性可以使用
!DOCTYPE html
html
head
meta charset="utf-8" /
script type="text/javascript" src="jquery-1.7.2.min.js"/script
style type="text/css"
*{
margin: 0;
padding: 0;
}
.hbody{
margin-left: 25%;
}
.show{
margin-left: 160px;
width: 200px;
height: 200px;
border: 1px solid #EEEEEE;
}
.show img{
width: 200px;
height: 200px;
}
.tab{
border: 1px solid #eee;
width: 535px;
height:100px ;
}
.tab img{
border: 1px solid #eee;
width: 100px;
height: 100px;
cursor: pointer;
}
/style
/head
body
div class="hbody"
div class="show"
img /
/div
div class="tab"
img src="1.jpg" /
img src="2.jpg" /
img src="3.jpg" /
img src="4.jpg" /
img src="5.jpg" /
/div
/div
/body
script
$(function(){
var Src = $('.tab').find('img').eq(0).attr('src');
$('.show').find('img').attr('src',Src)
})
$('.tab').find('img').mouseover(function(){
var inx = $(this).index();
var Imgsrc = $('.tab').find('img').eq(inx).attr('src');
$('.show').find('img').attr('src',Imgsrc)
})
/script
/html
引一个jquery文件，图片地址替换一下就可以了
