求救,一个鼠标事件的实现原理

Question

我想只是变了背景色而已，无非是个白边和黑边的透明图做出立体效果。
运用TD的鼠标移动和点击属性，改变背景色是非常EASY的事。

Answer 1

不是呀.上边有六十个材质图片,然后点选其中的一个成为当前所用的材质,然后自己画图生成马塞克.
.我用javascript实现了,点击的时候换把背景图换成当前的图片,可里边的托动鼠标这里,实在想不出好办法来实现,请大家帮忙.
http://www.midcentre.com.cn/2.html
这个是我做的.

Answer 2

其实那个实现非常easy的
    1.用js实现:设定一个hidden,存放你一开始点击的td(看上去好像3d的基准色其实都是gif哦)中的gif的地址,然后....注意了...凡是鼠标移过的td(当中原来就有img的)区域当中所对应的图片的src都设为hidden中的地址,OK搞定.....^_^
    2.用applet实现(该网站就是这样实现的),这个就不在本版讨论范围之内了,略....

Answer 3

zshaiqi(zshaiqi) 的代码加了一个ondragover事件,js版实现该功能就OK了..代码如下(楼主自己找gif吧,嘻嘻..)
<script language="javascript">
var img_array = new Array();
for (i = 0; i < 5; i++)
    {
    img_array[i] = i+".gif";
document.write("<img src="+img_array[i]+" onclick='pp(this.src)'>");
    } function add(m)
{
document.write("<form name='aiqi'><label id=\"content\" ><table border=0 cellpadding=0 bgcolor=black id=img_table>")
for(i=0;i<m;i++){
document.write("<tr bgcolor=white>");
for(j=0;j<m;j++){
 document.write("<td><img src='0.gif' onclick='this.src=document.aiqi.aiqi.value' ondragover='this.src=document.aiqi.aiqi.value'></td>")
 }
  document.write("</tr>");
}
 document.write("</table></label>")
 }
 function pp(src)
 {
document.aiqi.aiqi.value=src;
document.aiqi.img1.src=src;
}
function aiqi(){
alert(document.aiqi.content.innerText);
return false;
}
 add(10)
</script>
<input id=aiqi name="aiqi" type=hidden><img src="0.gif" id=img1>
 
</form>