网站右上角活动图标

网站右上角活动图标

网站右上角活动图标特效

详情请看本站的右上角

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

教程开始

首先我们把下面的代码 添加到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;
}
/*网站右侧悬浮促销结束*/

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

分享到 :
相关推荐

保健品产品介绍官网HTML5模板 html下载

保健品产品介绍官网HTML5模板一款多用途的蛋白粉产品,减肥减脂产品介绍官网单页模板...

jQuery自定义弹幕文字代码

jQuerycss3不碰撞不重叠弹幕,弹幕支持点击事件,大小,颜色,行高,每行数量可...

CSS鼠标悬停图文展示效果

插件描述:网站常用CSS鼠标悬停图文展示效果声明:芒果源码,一个精品商业网站源码分享...

js+css3底部下划线导航菜单代码

js+css3底部下划线导航菜单代码js代码css代码html代码声明:芒果源码,一...

发表评论

登录... 后才能评论