专注收集记录技术开发学习笔记、技术难点、解决方案
网站信息搜索 >> 请输入关键词:
您当前的位置: 首页 > ASP

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

发布时间:2010-05-20 14:01:29 文章来源:www.iduyao.cn 采编人员:星星草
让一个层浮在指定位置上。
用户上传的图片,管理员在后台已经对这些图片进行了 入围 中奖操作 数据库字段字段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>
友情提示:
信息收集于互联网,如果您发现错误或造成侵权,请及时通知本站更正或删除,具体联系方式见页面底部联系我们,谢谢。

其他相似内容:

  • ASP怎么隐藏表单

    ASP如何隐藏表单 <%if Cookies_Toy ="" then response.write "<a href='login.asp'>登录</a> <a href='reg.asp'>注册</a>" ...

  • 为何js调用css脚本后没效果

    为什么js调用css脚本后没效果 这个是css的脚本代码: body,ul,li{margin: 0; padding: 0; border: 0;} body {background: #f5f...

  • 怎么伪造post请求,求指点。

    如何伪造post请求,求指点。。。 要查询大批(也就几万个)运单的状态,那查询网站一次最多查24个,这一个个搞会搞死人的。。 有...

  • Asp.net_简略代码设置GridView自适应列宽不变形

    Asp.net_简单代码设置GridView自适应列宽不变形 动态绑定的GridView由于列数不固定,而列又太多(博主做的这个项目有150个左右的字段...

  • ASP.NET上实现AJAX注册提醒

    ASP.NET下实现AJAX注册提醒 Ajax全称是,主要是利用JavaScript实现异步的数据传输,首先说异步,异步是当前操作进行的时候,用...

  • aspnet_regiis装配出错:0x80070005 拒绝访问

    aspnet_regiis安装出错:0x80070005 拒绝访问 点击右边红色标题查看本文完整版:aspnet_regiis安装出错:0x80070005 拒绝访问安装...

  • 关于网站边框解决方法

    关于网站边框 像hao123这样的网站上的边框是着么弄的?背景图片吗?http://www.hao123.com 另外哪个素材网站有实用的这内素材 -----...

  • ! 多表分组查询统计

    求助!! 多表分组查询统计 高手们,帮帮忙! 用户表 D_user 为 ID Username GroupID 1 张三 2 2 李四 2 3 王五 ...

  • 在Paypal交付的同时,把表单的数据提交给数据库

    在Paypal提交的同时,把表单的数据提交给数据库 本帖最后由 liuyang2708 于 2012-11-20 23:14:54 编辑 在提交这个支付...

  • 虚拟目录上JavaScript不能正常执行

    虚拟目录下JavaScript不能正常执行 各位大侠好,我在同一台服务器上用两种方式部署同一个网站。 第一种方法:在IIS下直接建一个网站...

热门推荐: