精美实用！网站自适应图片文字广告位代码分享

2025-04-20 / 茶余饭后 / 62 阅读

<br />
<br />
<a href="https://dsdiss.com/" target="_blank" ><img src="" width="100%"></a><br />
</p><li><a href="https://dsdiss.com/" target="_blank" style="line-height:
60px;height:60px;color:#fff;background:#01AAED;text-align:center;font-size
:24px;">广告招商 虚位以待</a></li><li><a href="https://dsdiss.com/" target="_blank" style="line-height:
60px; height:60px ;color:#fff; background:#2F4056; text-align:center;
font-size:24px;" >广告招商 虚位以待</a></li></p>                    </div>
                                         <div class="single-gadget">
                        <div class="single-gadget-tag">  </div>
                        <div class="single-gadget-share"> <img src="https://www.ggckrgt.cn/skin/images/share-ico.png" alt="分享按钮" id="btnshare">
                        <div class="reach"> 
                                                        <a href="https://connect.qq.com/widget/shareqq/index.html?url=https://www.ziyuanw52.com/news/9118.html&title=精美实用！网站自适应图片文字广告位代码分享&pics=https://www.ziyuanw52.com/data/data/images/4b/26339d21277bc62a6be2dab5a4d39e.png" target="_blank" rel="noreferrer" title="分享到QQ">
                                <img src="https://www.ggckrgt.cn/skin/images/qq-ico.png" alt="分享到QQ"> 
                            </a> 
                            <a href="https://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=https://www.ziyuanw52.com/news/9118.html&sharesource=qzone&title=精美实用！网站自适应图片文字广告位代码分享&pics=https://www.ziyuanw52.com/data/data/images/4b/26339d21277bc62a6be2dab5a4d39e.png" target="_blank" rel="noreferrer" title="分享到QQ空间">
                                <img src="https://www.ggckrgt.cn/skin/images/kj-ico.png" alt="分享到QQ空间QQ">
                            </a> 
                            <a href="https://service.weibo.com/share/share.php??url=https://www.ziyuanw52.com/news/9118.html&sharesource=weibo&title=精美实用！网站自适应图片文字广告位代码分享&pic=https://www.ziyuanw52.com/data/data/images/4b/26339d21277bc62a6be2dab5a4d39e.png" target="_blank" rel="noreferrer" title="分享到微博"> 
                                <img src="https://www.ggckrgt.cn/skin/images/wb-ico.png" alt="分享到微博"> 
                            </a>
                        </div>
                    </div>
                </div>
                <div class="Exemption">
                    <h2>#免责声明#</h2>
                    <div>本站提供的一切软件、教程和内容信息仅限用于学习和研究目的；不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负。本站信息来自网络收集整理，版权争议与本站无关。您必须在下载后的24个小时之内，从您的电脑或手机中彻底删除上述内容。如果您喜欢该程序和内容，请支持正版，购买注册，得到更好的正版服务。我们非常重视版权问题，如有侵权请邮件与我们联系处理。敬请谅解！</div>
                </div>
            </div>
        <div class="Parttwo">
  <a  class="left" href="/news/9117.html" title="剪贴板管理器(ClipDiary)V5.6">上一篇</a>
  <a class="right" href="/news/9119.html" title="迅雷12绿色免按装精简版，打开即是SVIP10 可提速下载资源，本地会员版！">下一篇</a>
       
        </div>
      </div>
      <div class="sidebar-widget">
          
        
<div class="widget-row article">
    <div class="widget-title">热门文章</div>
        <ul class="widget-list">
                                                <li><a href="https://www.ziyuanw52.com/news/1930.html" title="LOL换肤大师动态按键换肤防封版"><i>1</i>LOL换肤大师动态按键换肤防封版</a></li>
                                    <li><a href="https://www.ziyuanw52.com/news/4050.html" title="精品凉拌菜系列热卤系列课程"><i>2</i>精品凉拌菜系列热卤系列课程</a></li>
                                    <li><a href="https://www.ziyuanw52.com/news/3748.html" title="《星河战队：人类指挥部》中文版"><i>3</i>《星河战队：人类指挥部》中文版</a></li>
                                    <li><a href="https://www.ziyuanw52.com/news/2075.html" title="CF2.0公益服注册就送1000W"><i>4</i>CF2.0公益服注册就送1000W</a></li>
                                    <li><a href="https://www.ziyuanw52.com/news/4103.html" title="《城市：天际线2》v1.1.0f1中文版"><i>5</i>《城市：天际线2》v1.1.0f1中文版</a></li>
                                    <li><a href="https://www.ziyuanw52.com/news/4088.html" title="Metatogger音频编辑v7.5.0.1绿色版"><i>6</i>Metatogger音频编辑v7.5.0.1绿色版</a></li>
                                    <li><a href="https://www.ziyuanw52.com/news/1794.html" title="CF|逆战|永杰无间内部主播同款辅助点我"><i>7</i>CF|逆战|永杰无间内部主播同款辅助点我</a></li>
                                    <li><a href="https://www.ziyuanw52.com/news/1662.html" title="CF一键破解房间密码白嫖经验房"><i>8</i>CF一键破解房间密码白嫖经验房</a></li>
                    </ul>
</div>
<div class="widget-row article">
    <div class="widget-title">随机文章</div>
        <ul class="widget-list">
                                                <li><a href="https://www.ziyuanw52.com/news/6374.html" title="Epic免费喜+1《熊与早餐》"><i>1</i>Epic免费喜+1《熊与早餐》</a></li>
                                    <li><a href="https://www.ziyuanw52.com/news/9003.html" title="京东健康部分人领取1000京豆"><i>2</i>京东健康部分人领取1000京豆</a></li>
                                    <li><a href="https://www.ziyuanw52.com/news/1111.html" title="小歪api刷新换背景图接口更新"><i>3</i>小歪api刷新换背景图接口更新</a></li>
                                    <li><a href="https://www.ziyuanw52.com/news/5284.html" title="星空音乐App 拥有全球热门曲库"><i>4</i>星空音乐App 拥有全球热门曲库</a></li>
                                    <li><a href="https://www.ziyuanw52.com/news/4027.html" title="茶百道11点抢乌漆嘛黑免单券"><i>5</i>茶百道11点抢乌漆嘛黑免单券</a></li>
                                    <li><a href="https://www.ziyuanw52.com/news/5623.html" title="与佛论禅翻译系统重制v2升级版源码"><i>6</i>与佛论禅翻译系统重制v2升级版源码</a></li>
                                    <li><a href="https://www.ziyuanw52.com/news/399.html" title="我的世界最新矿透"><i>7</i>我的世界最新矿透</a></li>
                                    <li><a href="https://www.ziyuanw52.com/news/2102.html" title="麦当劳到店免费0元小份薯条"><i>8</i>麦当劳到店免费0元小份薯条</a></li>
                    </ul>
</div>

<div class="widget-row" id="divTags">
    <div class="widget-title">标签列表</div>
    <ul class="widget-list">
        </ul>
          
            
            
            
          
</div>
        
      </div>
    </div>
       
    </div>
</div>
<div class="footer">
  <div id="j-fish-skip"></div>
  <div class="footer-container">
    <div class="footer-content">
              <div class="footer-info" style=" margin-top: 29px;">
        <div class="footer-info-wap"> 本站所发布的全部内容源于互联网搬运，仅限于小范围内传播学习和文献参考，请在下载后24小时内删除，如果有侵权之处请第一时间联系我们删除。敬请谅解! E-mail：xsdhbh7@163.com </div>
        <div class="footer-info-meta">
            <a href="/qin-quan-chu-li-liu-cheng.html">侵权处理</a>
<a href="/1796.html">下载声明</a>
<a href="/sitemap.xml">网站地图</a>

</div>
      </div>
    </div>
  </div>
</div>
<div id="popup">
    <div class="popup-search">
        <form name="formsearch" action="/" method="post">
            <input type="search" placeholder="输入关键字，进行搜索！" value="" name="s" autocomplete="off" required="">
            <button type="submit"><i class="icon-search"></i></button>
        </form>
    </div>
    <div class="popup-close"><i class="icon-x-circle"></i></div>
 </div>
<div id="toptool"> <a onclick="topFunction()" href="javascript:;" title="返回顶部"><span></span></a> </div>
<script src="https://www.ziyuanw52.com/usr/themes/shiguang/static/js/lazyload.js"></script> 
<script src="https://www.ziyuanw52.com/usr/themes/shiguang/static/js/main.js"></script> 
<script src="https://www.ziyuanw52.com/usr/themes/shiguang/static/js/fish.min.js"></script>
    <script>
	function getCookie(cname) {
		 var name = cname + "=";
		 var ca = document.cookie.split(';');
		 for(var i=0; i<ca.length; i++) {
			var c = ca[i];
			while (c.charAt(0)==' ') c = c.substring(1);
			if(c.indexOf(name) == 0)
			   return c.substring(name.length,c.length);
		 }
		 return "";
	}
	let darkModeMediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
	function updateForDarkModeChange() {
		var body = document.querySelector("body");
		if ( darkModeMediaQuery.matches || getCookie("dahuzi_site_style") == 'dark') {
			body.classList.add('night');
		} else {
			body.classList.remove('night');
		}
	}
	darkModeMediaQuery.addListener(updateForDarkModeChange);
	updateForDarkModeChange();
</script>

</form>
        </div>
        <script src="https://www.ziyuanw52.com/usr/plugins/Ad/layui/layui.js"></script>
        <link rel="stylesheet" href="https://www.ziyuanw52.com/usr/plugins/Ad/layui/css/layui.css">
        <script>
        layui.use(['form','upload','colorpicker'], function(){
            var form = layui.form,colorpicker = layui.colorpicker, upload = layui.upload;
            var id,name,price,describe,adtype,goumaiindex,orderid,intervalID;
            
            const queryAd = ()=>{
                $.ajax({
                    url:'/ad/pay/query',
                    type:'post',
                    data:"orderid="+orderid,
                    dataType:'json',
                    success:function(data){
                        if(data.code==1){
                            layer.msg('付款成功，刷新浏览器即可显示广告', {icon: 1});
                            layer.close(layer.index); 
                            clearInterval(intervalID);
                            setTimeout(()=>{location.reload();},1000)
                            
                        }
                    }
                })
            }
            form.on('submit(buyad)', function(data){
                 layer.load(1, {time: 5*1000});
                $.ajax({
                    url:'/ad/pay/buy',
                    data:JSON.stringify({...data.field,adtype,aid:id}),
                    type:'post',
                    dataType:'json',
                    success:function(data){
                        layer.close(layer.index); 
                        if(data.code==1){
                            layer.close(goumaiindex); 
                            orderid = data.data.id
                            if(intervalID!=0)clearInterval(intervalID);
                            intervalID = setInterval(queryAd,3000); 
                            setTimeout(()=>{
                                layer.open({
                                    type: 1,
                                    title:"请使用支付宝扫码",
                                    content: '<img src="'+data.data.url+'" height="300"></img><p style="color: #f00;font-size: 30px;text-align: center;">请使用支付宝扫码支付</p>',
                                    cancel: function (index, layero) {
                                        clearInterval(intervalID);
                                    }
                                });
                            },500)
   
                            
                        }else{
                            layer.msg(data.msg, {icon: 5});
                        }
                        
                    }
                })
                return false;
            });
            //渲染
            colorpicker.render({
                elem: '#test2'  //绑定元素
                ,predefine: true
                ,colors: ['#F00','#0F0','#00F','rgb(255, 69, 0)','rgba(255, 69, 0, 0.5)']
                ,done: function(color){
                    $('#wzys').val(color)
                }
            });
        
            form.on('select', function(data){
                $('#goumai h3 b').text(price*data.value);
            });
        
            var uploadInst = upload.render({
                elem: '#test1' //绑定元素
                ,url: '/ad/pay/upload' //上传接口
                ,done: function(res){
                    $('#upload').show();
                    $('#upload').attr('src',res.url)
                    $('#upimg').val(res.url)
                }
                ,error: function(){
                    //请求异常回调
                }
            });

$('.shiguang_ad a').click(function (){
                id = $(this).attr('data-id');
                name = $(this).attr('data-name');
                price = $(this).attr('data-price');
                describe = $(this).attr('data-describe');
                adtype = $(this).attr('data-type');
   
                if($(this).attr('href')==='javascript:;'){
                    $('#upload').hide();
                    if(name.indexOf("图片")!=-1){
                        $('#scys').hide();
                        $('#test2').hide();
                        $('#sctp').show();
                    
                    }else {
                        $('#sctp').hide();
                        $('#scys').show();
                        $('#test2').show();
                    }
                    $('#goumai h2 b').text(name);
                    $('#goumai h3 b').text(price*$('#select11 option:selected').attr('value'));
                    $('#gpumaitips').text(describe);
                 
                   
                    
                    goumaiindex=layer.open({
                        type: 1,
                        title:"在线购买广告位",
                        content: $('#goumai'),
                        area: ['500px', '600px'],
                        cancel: function (index, layero) {
                            $("#goumai").css({ "display": "none" });
                            
                            
                
                        }
                    });
                }
        });

});

</script>
        
        </body>
</html>
</div>
</body>
</html>