网站右上角活动图标

  • 文章介绍
  • 评价建议
  • 温馨提示:
    本站为源代码分享站,源码多为网友投稿 我们没有对源码进行测试,不保证可用性、安全性以及版权归属。 因源码具有可复制性,一经购买 ,不得以任何形式退款。
    如需商业用途 请点击商业源码栏目,购买商业源码.
    客服QQ:977439673

    网站右上角活动图标特效

    网站右上角活动图标

    详情请看本站的右上角

    非常适合做活动的推广,广告等

    教程开始

    首先我们把下面的代码 添加到footer.php中,或其他位置也可以 自行调整

    <!--上方悬浮促销开始-->
     <script>
    
        function getCookie(name) {
            var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");
            if (arr = document.cookie.match(reg))
                return unescape(arr[2]);
            else
                return null;
        }
    
        
        function receive ( _false  ) {
    
            if(_false)
            {
                if( !env.isLogin ){
                    setTimeout(function(){
                        env.login()
                    },10);
                    return false;
                }
            }
            if(_false)
            {
                window.location.href='/vip/video?click_type=357';
            }
            $('.video-activity,.winpopbg').fadeOut(300);
            $.cookie('click-video-acti',1);
        }
    
        countTime(6737000) //2小时
        function countTime(leftTime) {
            var dinshi='';
            var  h, m, s;
            dinshi=setInterval(function(){
                if (leftTime >= 0) {
                    h = Math.floor(leftTime / 1000 / 60 / 60 % 24);
                    m = Math.floor(leftTime / 1000 / 60 % 60);
                    s = Math.floor(leftTime / 1000 % 60);
    
                    if (s < 10) {
                        s = "0" + s;
                    }
                    if (m < 10) {
                        m = "0" + m;
                    }
                    if (h < 10) {
                        h = "0" + h;
                    }
                    leftTime -= 1000; // 1000  1秒
                    //将倒计时赋值到div中
                    $(".dj-h").html( h );
                    $(".dj-m").html( m );
                    $(".dj-s").html( s );
    
                } else {
                    clearInterval(dinshi);
                    $('.video-activity,.sideColumn-activity,.winpopbg').hide();
                    // $('.NewGiftBag,.winpopbg').fadeOut();
                }
            },1000)
        }
    </script>
    <div class="sideColumn-activity">
                            <a rel="nofollow" href="/vip/"><!--/vip/ 替换成你自己的链接-->
                                <p>
                                    <span class="dj-h">01</span>:<span class="dj-m">52</span>:<span class="dj-s">18</span>
                                </p>
                            </a>
                        </div>
                       
    <!--上方悬浮促销结束-->

    下边的css加到css文件中

    /*网站右侧悬浮促销开始*/
    .sideColumn-activity {
        position: fixed;
        top: 205px;
        right: 2.7%;
        width: 165px;
        height: 112px;
        text-align: center;
        z-index: 5;
    }
    .sideColumn-activity a {
        display: inline-block;
        box-sizing: border-box;
        padding: 126px 0 0 0;
        width: 160px;
        height: 258px !important;
        background: url('//www.okmg.cn/cdn/A219.png') no-repeat;
        color: #fff;
        font-size: 13px;
        text-align: center;
        line-height: 15px;
        margin: 0;
    }
    .sideColumn-activity a p {
       width: 100px;
    height: 26px;
    background: linear-gradient(0deg,rgba(197,0,0,1),rgba(255,63,37,1));
    border-radius: 13px;
    margin: 0 auto;
        margin-top: 0px;
        margin-left: auto;
    margin-top: 0px;
    margin-left: auto;
    font-size: 16px;
    line-height: 26px;
    color: #FFF967;
    margin-top: 50%;
    text-align: center;
    margin-left: 33%;
    }
    .sideColumn-activity a p span {
        margin: 0 3px;
    }
    /*网站右侧悬浮促销结束*/

    添加完以上代码 就搞定了 图片和时间请自行修改。

    Leave a Reply

  • 如本资源侵犯了您的权益,[email protected]!我们将在收到邮件的1个小时内处理完毕。

  • 本站仅为平台,发布的资源均为用户投稿或转载!所有资源仅供参考学习使用,请在下载后的24小时内删除,禁止商用!

  • OKMG(芒果源码)助力正版,如您有自己的原创产品,可以联系客服投稿,代理出售!

  • OKMG(芒果源码)客服QQ:29139260

  • OKMG(芒果源码)商务电话(仅对企业客户/个人用户请联系QQ客服):010-86463891

  • 请注意:本站不提供任何免费的技术咨询服务,为了节约时间,下载前 请确认自己会技术
  • 免责声明 芒果源码,一个精品商业网站源码分享平台 WWW.OKMG.CN 1. 本站所有资源来源于用户上传和网络,均不允许转载,如有侵权请邮件联系站长! 2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除! 3. 如发现会员转载本站资源文章,本站有权封禁会员账号! 4. 不得使用于非法商业用途,不得违反国家法律。否则后果自负! 5. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解! 6. 如有链接无法下载、失效或广告,请联系管理员处理! 7. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需! 8. 如遇到加密压缩包,默认解压密码为"www.okmg.cn",如遇到无法解压的请联系管理员! 9.本站客服:29139260

    售后服务:

    • 售后服务范围 1、商业模板使用范围内问题免费咨询
      2、源码安装、模板安装(一般 ¥50-300)服务答疑仅限SVIP用户
      3、单价超过200元的模板免费一次安装,需提供服务器信息。
      付费增值服务 1、提供dedecms模板、WordPress主题、discuz模板优化等服务请详询在线客服
      2、承接 WordPress、DedeCMS、Discuz 等系统建站、仿站、开发、定制等服务
      3、服务器环境配置(一般 ¥50-300)
      4、网站中毒处理(需额外付费,500元/次/质保三个月)
      售后服务时间 周一至周日(法定节假日除外) 9:00-23:00
      免责声明 本站所提供的模板(主题/插件)等资源仅供学习交流,若使用商业用途,请购买正版授权,否则产生的一切后果将由下载用户自行承担,有部分资源为网上收集或仿制而来,若模板侵犯了您的合法权益,请来信通知我们(Email: [email protected]),我们会及时删除,给您带来的不便,我们深表歉意!

    Hi, 如果你对这款模板有疑问,可以跟我联系哦!

    联系客服
    开通VIP 享更多特权,建议使用 QQ 登录
    /** * 项目名称:用户离开标题切换 */