关于程序在图片上画热点的问题. 我想在后台上传图片时,在图片上画热点,因为图片的版式不一样,要画的区域不一样,所以要用户在上传图片后在WEB上对图片画热点。不知道这个该怎么实现,如能实现,200分相送。谢谢。 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 这个东西对你或许有用以下代码为转贴-----------------------------------------------<!-- 用层的方式可以实现,下面的例子是在IE6上测试成功//--><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML><HEAD><TITLE> New Document </TITLE><META NAME="Generator" CONTENT="EditPlus"><META NAME="Author" CONTENT=""><META NAME="Keywords" CONTENT=""><META NAME="Description" CONTENT=""></script><style> .Div_Drag { position:absolute; left:59px; top:133px; width:173px; height:120px; z-index:11111111; visibility: hidden; border-style:dashed; border-color:#ff0000; border-width : 1px; }</style><script language="JavaScript"> var bCapture= false; var FLeft = 0; var FTop = 0; function AlterDrag() { if (!bCapture) return false; try { movepositionX = event.x; movepositionY = event.y; with(document.all.divDrag.style) { var DragW = parseInt(movepositionX,10) - parseInt(FLeft,10); var DragH = parseInt(movepositionY,10) - parseInt(FTop,10); width = DragW > 0 ?DragW:-DragW; height = DragH > 0 ?DragH:-DragH; if(DragW < 0) left = movepositionX;//FLeft + DragW; if(DragH < 0) top = movepositionY;// FTop + DragH; spn1.innerHTML = " width,height: " + width + "," + height + "<br>" + "DragW,DragH: " + DragW +"," + DragH + "<br>" + "left,top : " + left +"," + top +"<br>"+ "FLet,FTop : " + FLeft + "," + FTop + "<br>" + "eventx,eventy: " + movepositionX + "," + movepositionY } } catch(e) { return false; } } function OnDown() { //alert(event.x +"," + event.screenX); with(document.all.divDrag.style) { visibility="visible" ; left = event.x FLeft = parseInt(left,10) ; top = event.y FTop = parseInt(top,10); width= 0; height=0; } } function OnUp() { with(document.all.divDrag.style) { visibility="hidden" ; left = -1000 ; top = -1000 ; width= 0; height=0; FLeft = 0; FTop = 0; } }</script><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></HEAD><BODY leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"><table width="100%" height="100%" border="1" align="right"><tr> <td width=20% bordercolor="#FF0000"> <span id="spn1"></span> <div id="divDrag" class="Div_Drag"> </td> <td> <img src="http://images.csdn.net/20050323/001.gif" width=400 height=300 onmousemove="javascript:AlterDrag();" onmousedown="javascript:bCapture=true;setCapture(true);OnDown();" onmouseup="javascript:bCapture=false;releaseCapture();" > </td></BODY></HTML> 楼主看看这个http://ewebeditor.webasp.net/example/adv_map.asp ASP.NET 1.X内置的一些控件和类库是没有办法完成在服务器端建立带热点的图片的。而在ASP.NET 2.0中ImageMap Server Control是可以在服务器端建立带热点的图片用 js 吧 每个会员有一个独立的网址:如Web:www.xxxx.com/000000001 如何实现? gridview 分页问题 JS如何获取地址栏的字符串[续] 请教一个JS问题,急,在线等 哈哈,今天找到了CSDN的BUG SQL数据库 全文目录 好奇怪 求一正则表达式:判断是否是30的倍数,谢谢 请问这个如何实现?? 绑定变量的问题,怎么让他自动识别绑定的是图片还是FLASH?????? ASP里有MouseMove吗?___(感谢 batisituta(巴蒂)) (急)asp.net在access中插入日期型数据出错! 请教:和数据库的连接!!
-----------------------------------------------
<!--
用层的方式可以实现,下面的例子是在IE6上测试成功
//-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</script>
<style>
.Div_Drag {
position:absolute;
left:59px;
top:133px;
width:173px;
height:120px;
z-index:11111111;
visibility: hidden;
border-style:dashed;
border-color:#ff0000;
border-width : 1px;
}
</style>
<script language="JavaScript">
var bCapture= false;
var FLeft = 0;
var FTop = 0;
function AlterDrag()
{
if (!bCapture) return false;
try
{
movepositionX = event.x;
movepositionY = event.y;
with(document.all.divDrag.style)
{
var DragW = parseInt(movepositionX,10) - parseInt(FLeft,10);
var DragH = parseInt(movepositionY,10) - parseInt(FTop,10);
width = DragW > 0 ?DragW:-DragW;
height = DragH > 0 ?DragH:-DragH;
if(DragW < 0)
left = movepositionX;//FLeft + DragW;
if(DragH < 0)
top = movepositionY;// FTop + DragH;
spn1.innerHTML = " width,height: " + width + "," + height + "<br>" +
"DragW,DragH: " + DragW +"," + DragH + "<br>" +
"left,top : " + left +"," + top +"<br>"+
"FLet,FTop : " + FLeft + "," + FTop + "<br>" +
"eventx,eventy: " + movepositionX + "," + movepositionY
}
}
catch(e)
{
return false;
}
}
function OnDown()
{
//alert(event.x +"," + event.screenX);
with(document.all.divDrag.style)
{
visibility="visible" ;
left = event.x
FLeft = parseInt(left,10) ;
top = event.y
FTop = parseInt(top,10);
width= 0;
height=0;
}
}
function OnUp()
{
with(document.all.divDrag.style)
{
visibility="hidden" ;
left = -1000 ;
top = -1000 ;
width= 0;
height=0;
FLeft = 0;
FTop = 0;
}
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></HEAD>
<BODY leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="100%" height="100%" border="1" align="right">
<tr>
<td width=20% bordercolor="#FF0000">
<span id="spn1"></span> <div id="divDrag" class="Div_Drag"> </td>
<td>
<img src="http://images.csdn.net/20050323/001.gif" width=400 height=300
onmousemove="javascript:AlterDrag();"
onmousedown="javascript:bCapture=true;setCapture(true);OnDown();"
onmouseup="javascript:bCapture=false;releaseCapture();"
>
</td>
</BODY>
</HTML>