网页弹出广告层

最新推荐文章于 2024-07-15 13:17:25 发布

zelda002

最新推荐文章于 2024-07-15 13:17:25 发布

阅读量780

点赞数

分类专栏： Css Html 文章标签： class border xhtml div im float

本文链接：https://blog.csdn.net/zelda002/article/details/6934797

版权

Html 同时被 2 个专栏收录

8 篇文章 0 订阅

订阅专栏

Css

6 篇文章 0 订阅

订阅专栏

1。网页弹出层层内容为一张图片

<div class="im_popupWindow" id="im_popupWindow_miniMsg" wistate="max" style="display: block; height: 280px;">
<h6 class="wi_draggable"><span></span><a οnclick="document.getElementById('im_popupWindow_miniMsg').style.display='none';"><img src="pic_close.gif" class="founctionpic3" alt="close"></a></h6>

</div>

css::

2.弹出层

<div style="display: block;" id="_popup_msg_container">

<div class="im_popupWindow" id="im_popupWindow_miniMsg" wistate="max" style="display: block; height: 240px;">
   <h6 class="wi_draggable"><span></span><a οnclick="document.getElementById('im_popupWindow_miniMsg').style.display='none';"><img src="http://csdnimg.cn/www/images/popup/pic_close.gif" class="founctionpic3" alt="close"></a></h6>
    <div class="wi_content" id="im_popupWindow_miniMsgContent">
       <div class="kuai">
           <div style="width: 280px;"><a target="_blank" href="http://x.csdn.net/x/index_1.aspx"><img border="0" title="" style="border: 0pt none;" alt="" src="http://info-database.csdn.net/Upload/2011-11-03/paypal_280-188_s.jpg"></a></div>
       </div>
   </div>
   <div class="content_qq">
</div>

</div>
</div>

css::

.im_popupWindow{background:url(topdiv.jpg) 0 0 no-repeat; position: fixed;bottom: 0px;right: 0px;width:320px; height:300x; float:left;-moz-user-select:none;overflow:hidden;}
.im_popupWindow h6{position:relative;height:24px;margin:0;line-height:24px;padding:0 10px 0; text-align:left;}
.im_popupWindow h6 span{font:bold 12px simsun;position:absolute;top:5px; color:#f62c35;text-align:left;}
.im_popupWindow h6 img{border:0;}
.im_popupWindow h6 img{border:0;}
.im_popupWindow h6 img.founctionpic1{position:absolute;top:8px;left:217px;}
.im_popupWindow h6 img.founctionpic2{position:absolute;top:8px;left:235px;}
.im_popupWindow h6 img.founctionpic3{position:absolute;top:12px;left:295px;}

.wi_content{margin:0;height:188px;overflow:hidden;text-align:left;line-height:130%;width:280px;font-size:9pt; padding:2px 6px;}
.wi_content img{width:280px; height:188px; display:block; border:0;}
.withPadding{}

注：：必须有

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

不然浮动层会显示在最下面，不跟着滑动。

zelda002

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
网页弹出广告层

1。网页弹出层层内容为一张图片 css::.im_popupWindow{background:url(topdiv.jpg) 0 0 no-repeat; position: fixed;bottom: 0px;right: 0px;width:320px; height:300x; float:left;-moz-user-select
复制链接

扫一扫