虎王博客-你看像极了爱情

分享一种底部悬浮代码-自定义位置

发布时间:2个月前热度: 10 ℃评论数:




阁下 代码 如下 需要的带走  

 调用方式 <script src="//网址/widget/service"></script>

           <script src="js代码的路径"></script>

样式代码  会用的拿走

 

(function(){
    window.onload = function () {

        setTimeout(function () {
            var isMobile = ((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i)));
            if (isMobile) {
                return;
            }

            var a = document.createElement('a');
            a.className = 'widget-service-box';
            a.innerHTML = '对此系统感兴趣?联系购买';
            a.target = '_blank';
            a.href = 'http://';
            a.style.display = 'block';
            a.style.position = 'fixed';
            a.style.bottom = '50px';
            a.style.right = '-10px';
            a.style.zIndex = 9999;
            a.style.background = '#4160F0';
            a.style.color = '#FFF';
            a.style.padding = '10px 20px 10px 10px';
            a.style.borderRadius = '5px';
            a.style.boxShadow = '0 0 5px #000';
            a.style.fontSize = '12px';
            a.style.lineHeight = '12px';
            a.style.textDecoration = 'none';
            document.body.appendChild(a);

        }, 1000);

    };
})();


分享,一种,底部,代码,位置

阁下-你所在的地方天气如下