·设为首页收藏本站📧邮箱修改🎁免费下载专区💎积分✅卡密📒收藏夹👽聊天室
返回列表 发布新帖

请教图片效果问题:做如东方财富网首页顶部图片效果

315 0
发表于 2021-7-1 11:59:51 | 查看全部 阅读模式

马上注册,免费下载更多dz插件网资源。

您需要 登录 才可以下载或查看,没有账号?立即注册

×
请教一个图片效果问题:做如东方财富网首页顶部图片效果和弹出可收缩广告图   ( https://www.eastmoney.com )
已找到样式代码但不知道放在论坛那个文件上可以做出这样效果,请教各位大侠

<style type="text/css">
        .baokuang{height:800px;width:100%;background:url(//g1.dfcfw.com/g4/202106/20210623175012.png) repeat-x 0 0 #FFF;}
        .baokuang .bkImg,.baokuang .bkImg .cImgDiv {background:url(//g1.dfcfw.com/g4/202106/20210623182133.png) no-repeat center top;}
        .baokuang .bkImg {width:100%; height:800px;margin:0 auto;}
        .baokuang .bkImg .cImgDiv{width:1000px; height:40px; margin:0 auto; position:relative;}
        .baokuang .bkImg .clickMap { display:block; height:40px; width:100%; text-indent:-100em; overflow:hidden;}
        .baokuang .bkImg .close{background:url(//g1.dfcfw.com/g4/202106/20210623120249.png) no-repeat;width:44px; height:18px;cursor:pointer; position:absolute; right:0px; bottom:20px; text-indent:-100em; overflow:hidden;}
        .pageCont { background:#FFF; height:0; overflow:hidden; margin-top:-760px;}
        .top-advert{margin-top:0; padding-top: 0;}
        .emfloat_wrapper{margin-top:30px;}
        </style>
    </head>

<body>
        <div id="baokuangBox" class="baokuang">
            <div class="bkImg">
                <div class="cImgDiv">
                        <a class="clickMap" > </a>
                    <span class="close">关闭</span>
                </div>
            </div>
        </div>
        <div id="pageCont" class="pageCont"></div>
我要说一句 收起回复

回复

 懒得打字嘛,点击右侧快捷回复【查看最新发布】   【应用商城享更多资源】
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

创宇盾启航版免费网站防御网站加速服务
投诉/建议联系

discuzaddons@vip.qq.com

未经授权禁止转载,复制和建立镜像,
如有违反,按照公告处理!!!
  • 联系QQ客服
  • 添加微信客服

联系DZ插件网微信客服|最近更新|Archiver|手机版|小黑屋|DZ插件网! ( 鄂ICP备20010621号-1 )|网站地图 知道创宇云防御

您的IP:3.15.186.27,GMT+8, 2024-12-22 19:11 , Processed in 0.256690 second(s), 76 queries , Gzip On, Redis On.

Powered by Discuz! X5.0 Licensed

© 2001-2024 Discuz! Team.

关灯 在本版发帖
扫一扫添加微信客服
QQ客服返回顶部
快速回复 返回顶部 返回列表