产品对比弹出窗

用户头像
广州/网页设计师/11年前/323浏览
产品对比弹出窗
用户头像
Licey_U

产品对比弹出窗



<style>
*{ font-size:12px; margin:0; padding:0;}
ul, li {list-style: none outside none;}
.lc-pro-layer{ position: absolute;left:0; top:0;_width: 100%;overflow: hidden;z-index:999999;}
.lc-pro-layer .probox{display:block;position:fixed;_position:absolute;left:0;top:25%;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||300)));z-index: 1004;}
.loansfla-hid-iframe{width:250px; height:200px; z-index:-1}
.lc-pro-layer .probox .box{width:250px;height:200px;position: absolute;top: 0;left: 0;display: inline;z-index: 1002;}
.lc-pro-layer .probox .box .cer{width:198px;height:198px; border:1px solid #ccc; background:#ffefed; float:left}
.lc-pro-layer .probox .box .cer .prolist{ width:198px; height:150px; padding-top:10px; float:left;}
.lc-pro-layer .probox .box .cer .prolist .prodb{padding-left:10px;float:left}
.lc-pro-layer .probox .box .cer .prolist .prodb input{ width:20px; height:20px; float:left;}
.lc-pro-layer .probox .box .cer .prolist .prodb span{ width:160px; height:auto; line-height:20px; padding-left:5px; color:#000; float:left;}
.lc-pro-layer .probox .box .cer .btncc{ padding-top:10px; padding-left:20px; padding-bottom:10px;float:left}
.lc-pro-layer .probox .box .btn{ width:50px; height:auto; padding-top:20px; float:left}
.lc-pro-layer .probox .box .btn b{width:14px; height:125px; line-height:30px;font-size:14px; color:#fff;background:#fd5504;word-wrap: break-word;padding:20px 10px; float:left;}
.clearinput{width:70px;height:20px;border: 0 none; background:#f1f1f1; border:1px #999 solid; color:#666; cursor:pointer; float:left}
.dbinput{width:70px;height:20px;border: 0 none; background:#fd5504;border:1px #c21c06 solid;color:#fff;cursor:pointer; margin-left:20px;float:left}
.iecchh1{_height:1800px;}
</style>
<div class="lc-pro-layer iecchh1" id="gd1">
    <!--隐藏层内容 s-->
    <div class="probox" id="zzatm1">
        <iframe class="loansfla-hid-iframe" frameborder="0"></iframe>
        <div class="box">
            <div class="cer">
                <div class="prolist">
                    <div class="prodb">
                        <input type="checkbox" checked="checked" /><span>得利宝天添利得利宝天添利得利宝天添利得利宝天添利</span>
                    </div>
                </div>
                <div class="btncc">
                    <input class="clearinput" type="button"onclick="javas cript:cardbjs('0',3)" value="清  除">
                    <input class="dbinput" type="submit" value="比  较" >
                </div>
            </div>
            <div class="btn"><b>产吕对比</b></div>
        </div>
    </div>
</div>

0
举报
|
1
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
空的平台平面和自然景观
平面书法字手写
城市园林平面布局航拍
倒计时,海报,平面
牛奶乳液层次平面平铺平面
城阙凡花
海底世界插画
牛奶乳液层次梯田平铺平面
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
玄关入门地毯印花图案红地毯
空的平台平面和自然景观
“知识宅急送”外卖,快递,平面,海报,素材,教育
平面风格黄绿色系花朵装饰
课程海报,平面素材
学习,优惠券,平面,海报
平面插画情侣/矢量
中国传统纹样创新图案设计
金色颗粒质地的平面
古风平面仕女与瓷器
平面插画设计女孩喝咖啡
金色颗粒质地的平面
中秋节可爱呆萌平面兔子蛋黄月饼贴纸素材
平面设计 吊牌设计
平面花卉图案扁平简约无缝拼接插画
金色颗粒质地的平面
你可能喜欢
大家都在看
登录注册