请教各位制作网页中的鼠标经过图象
1)对每个热区添加鼠标事件:
onmouseover=show_border(X1,Y1,X2,Y2)
onmouseout=close_border()
其中X1,Y1,X2,Y2为热区左上角坐标(X1,Y1)和右下角坐标(X2,Y2)
show_border作用是显示红色方框,close_border作用是隐藏红色方框
2)准备方框:
本框位置/大小随对象改变
其中的本框位置/大小随对象改变
---为了说明,实际应用时去掉好了
3)show_borde函数:
function show_border(x1,y1,x2,y2) {
var divElm = tElementById("...全部
1)对每个热区添加鼠标事件:
onmouseover=show_border(X1,Y1,X2,Y2)
onmouseout=close_border()
其中X1,Y1,X2,Y2为热区左上角坐标(X1,Y1)和右下角坐标(X2,Y2)
show_border作用是显示红色方框,close_border作用是隐藏红色方框
2)准备方框:
本框位置/大小随对象改变
其中的本框位置/大小随对象改变
---为了说明,实际应用时去掉好了
3)show_borde函数:
function show_border(x1,y1,x2,y2) {
var divElm = tElementById("leveldiv");
rder = "solid 2px #FF0000";//边框属性
yle。
left = x1+3;//3为修正值///////将其位置由x=-1000调到X1,Y1
p = y1+3;//3为修正值
yle。width = x2 - x1;
yle。height = y2 - y1;
rsor = "pointer";
}
4)close_border函数:
function close_border() {
var divElm = tElementById("leveldiv");
yle。
left = -1000;//将方框的位置由(原)指定位置(X1,Y1)调到x=-1000
}
或者:
var divElm = tElementById("leveldiv");
rder = "";//清除边框
show_borde和close_border可以存为。
JS文件调用,也可以加上脚本说明放在里面
详见附件:070620。rar
。收起