图例 是个展会的预订图,
比如 1638 我在后台上了 预订改展位的企业,我想把这个图作为背景,如果1638有企业了,那么 1638区域上做个标记,说明已经被预订,并且 鼠标移动上去,可以显示 预订的情况。不想用div来慢慢堆,,太多了。
比如 1638 我在后台上了 预订改展位的企业,我想把这个图作为背景,如果1638有企业了,那么 1638区域上做个标记,说明已经被预订,并且 鼠标移动上去,可以显示 预订的情况。不想用div来慢慢堆,,太多了。
解决方案 »
- js取得的数据怎么保存到数据库?
- 收缩菜单的问题,帮帮忙,急用
- jquery判断一个div层中所有text类型的文本框是否有为空的文本框
- 急救 我在网页中嵌入flash 在IE6下可以 FF/ie7 flash接收不到数据 是FLASH的问题还是嵌入代码的问题?
- 发个以前写的树状菜单~~~
- href=javascript:window.open()...出现问题
- window.returnValue 的问题???着急啊
- 为什么我的window.alert无法显示
- navigator?
- 小萌新,求助前端大神啊,easyUI生成的datagrid与echarts生成的图形,在一个页面,使用icheck进行切换的问题??求助
- 在看京东的网站,Firebug找不到JS函数定义,求指点
- 怎么用js动态改变圆的半径
{
"1638",[x,y,w,h], //展厅标号:[坐标x,坐标y,宽,高]
"1638",[100,200,300,500]
......
}
具体看<!DOCTYPE HTML>
<html>
<head>
<meta charset="gb2312" />
<title></title>
<style>
.a {
position:absolute;
background:#eee;
opacity:.4; filter:alpha(opacity=40);
color:red; font-weight:bold;
cursor:pointer; text-align:center;
}
</style>
</head>
<body>
<pre>
coords x1 y1 x2 y2
x1 是 left
y1 是 top
x2 - x1 是 width
y2 - y1 是 height
</pre>
<div id="test" style="position:relative;">
<img src="http://img.my.csdn.net/uploads/201206/08/1339142640_5754.jpg" border="0" usemap="#Map" />
</div>
<map name="Map" id="map1">
<area shape="rect" coords="21,21,80,73" data-id="1638">
<area shape="rect" coords="79,23,158,72" data-id="1633">
</map>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="1.asp"></script>
<script>
//alert(json['1638'])
$('#map1 area').each(function(){
var t = json[$(this).attr('data-id')];
if( t && t != 'none' ){
var tmp = this.coords.split(',');
$('<div class="a">已定</div>').css({
left: tmp[0] + 'px',
top: tmp[1] + 'px',
width: tmp[2] - tmp[0] + 'px',
height: tmp[3] - tmp[1] + 'px',
lineHeight: tmp[3] - tmp[1] + 'px'
}).attr('title', t).appendTo('#test')
}
})
</script>
</body>
</html>
1.asp 就返回数据库的操作,打印一个js的变量,让js去操作。<%
response.write "var json = {1638: 'none', 1633: '中国传媒大学'}"
%>这样 鼠标 移动到 1633 就可以显示了。