当前位置: 代码迷 >> ASP >> 让一个层浮在指定位置上。该如何解决
  详细解决方案

让一个层浮在指定位置上。该如何解决

热度:87   发布时间:2013-03-26 09:54:34.0
让一个层浮在指定位置上。
用户上传的图片,管理员在后台已经对这些图片进行了 入围 中奖操作 数据库字段字段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

<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>
  相关解决方案