首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > ASP >

让一个层浮在指定位置下

2012-11-07 
让一个层浮在指定位置上。用户上传的图片,管理员在后台已经对这些图片进行了 入围 中奖操作 数据库字段字段

让一个层浮在指定位置上。
用户上传的图片,管理员在后台已经对这些图片进行了 入围 中奖操作 数据库字段字段rw zj

现在问题就是 在输出显示这些用户图片的时候 如果该图片入围了 那在这图片上会浮动另外一个层(里面是张png图片)表示这个入围了。
我是这样写的(循环读取的):

<img src="<%=ppx%>" width="200" height="141" onclick="rebackaprowork('locopro<%=rs("id")%>')" style='cursor:pointer;' id="ppwork<%=rs("id")%>"/>
<%if rs("zj")=1 then%>
<div id="prozb_pic<%=rs("id")%>"><img src="images/zb.png" onload="reproworkzb('ppwork<%=rs("id")%>')"/></div>
<%
else
if rs("rw")=1 then%>
<div id="prorw_pic<%=rs("id")%>"><img src="images/rw.png" onload="reproworkrw('ppwork<%=rs("id")%>')"/></div>
<%
end if
end if
%>


JS:

function reproworkzb(d)
{
var xx=$("#"+d).offset();
xxtop=xx.top;
xxleft=xx.left;
$("#prozb_pic"+d).css({top:xxtop;left:xxleft;position:"absolute";z-index:"0"});
}
function reproworkrw(d)
{
var xx=$("#"+d).offset();
xxtop=xx.top;
xxleft=xx.left;
$("#prorw_pic"+d).css({top:xxtop;left:xxleft;position:"absolute";z-index:"0"});
}

我这样写 没有效果 望高人指点指点 谢谢~~

[解决办法]
这样试试:
<img src="<%=ppx%>" width="200" height="141" onclick="rebackaprowork('locopro<%=rs("id")%>')" style='cursor:pointer;' id="ppwork<%=rs("id")%>"/>
<%if rs("zj")-1=0 then%>
<div id="prozb_pic<%=rs("id")%>"><img src="images/zb.png" onload="reproworkzb('ppwork<%=rs("id")%>')"/></div>
<%
elseif rs("rw")-1=0 then%>
<div id="prorw_pic<%=rs("id")%>"><img src="images/rw.png" onload="reproworkrw('ppwork<%=rs("id")%>')"/></div>
<%end if%>

[解决办法]
这种写法很不正规.在CSS里预先写好样式,在IF里根据条件使用不同的样式名称就行了.
[解决办法]
做个简单的样式就好,容器定位relative,内部标志图片定位absolute就可以了,根本不需要js

HTML code
<style type="text/css">.item{position:relative;width:150px;height:200px;overflow:hidden}.item .ab{position:absolute;right:0px;top:0px;}/*标志浮动在右上角*/</style><div class="item"><img src="20121010200614.gif"/><div class="ab">中奖</div></div><div class="item"><img src="20121010200614.gif"/><div class="ab">入围</div></div><!------你的代码,上面是示例的------><div class="item"><img src="<%=ppx%>" width="200" height="141" onclick="rebackaprowork('locopro<%=rs("id")%>')" style='cursor:pointer;' /><%if rs("zj")&""="1" then%><img src="images/zb.png" class="ab"/><%elseif rs("rw")&""="1" then%><img src="images/rw.png" class="ab"/><%end if%></div> 

热点排行