欢迎光临一流素材网,免积分免费素材下载!
AD
当前位置:首页 > JS代码 > 广告代码

兼容性好W3C标准的jquery可关闭飘浮广告图片代码

所属栏目:广告代码更新时间:2019-12-15原作者:不详发布者:deepdfhy浏览:0
基本信息
  • 发布者:
  • 原作者:不详
  • 来源:不详
  • 版权声明


现如今,飘浮图片广告实际上已经很少使用了,因为很容易被浏览器拦截,而且影响用户体验,也正因为这样,网上很难找到好的JS飘浮图片广告代码,大多都是很久以前的,兼容性很差,不符合W3C标准,诸多问题。。。

一流资源网之前已经分享过一款,但不支持关闭。


今天再分享一款兼容性好W3C标准的jquery可关闭飘浮广告图片代码,同页面可调用多个飘浮图片广告。


使用说明:

floatingAd.js 这个JS文件里,修改1个飘浮图片信息:

如下图代码:

var ads = {
        linkUrl: 'http://www.ucjais.cn/',
        'z-index': '100',
        'closed-icon': 'images/close.png',
        imgHeight: '80',
        imgWidth: '200',
        title: '一流资源网',
        img: 'images/4.png',
        linkWindow: '_blank',
        headFilter: 0.2

<head>区加入以下JS代码:

<script type="text/javascript">
    $(function(){
        $.floatingAd({
            //频率
            delay: 60,
            //超链接后是否关闭漂浮
            isLinkClosed: true,
            //漂浮内容
            ad: [{
                //关闭区域背景透明度(0.1-1)
                headFilter: 0.3,
                //图片
                'img': 'images/4.png',
                //图片高度
                'imgHeight': 124,
                //图片宽度
                'imgWidth': 104,
                //图片链接
                'linkUrl': 'http://www.ucjais.cn/',
                //浮动层级别
                'z-index': 100,
                //标题
                'title': '一流资源网'
            },
            {
                'img': 'images/3.png',
                'imgHeight': 124,
                'imgWidth': 104,
                'linkUrl': 'http://www.ucjais.cn/',
                'z-index': 101,
                'title': '一流资源网',
                //关闭按键图片
                'closed-icon': 'images/close.png'
            }],
            //关闭事件
            onClose: function(elem){
                //alert('关闭');
            }
        });
        $("#aa").floatingAd({
            onClose: function(elem){
            }
        });
    });
    </script>

这段JS代码中设置了两个飘浮图片,加上 floatingAd.js 中的一个,实际上就是有三个飘浮图片,根据自己的需求修改。

如果只需要1个飘浮图,这段JS代码中的就不要,代码如下:


<script type="text/javascript">
    $(function(){
        $.floatingAd({
            //频率
            delay: 60,
            //超链接后是否关闭漂浮
            isLinkClosed: true,
            //漂浮内容
            ad: [],
            //关闭事件
            onClose: function(elem){
                //alert('关闭');
            }
        });
        $("#aa").floatingAd({
            onClose: function(elem){
            }
        });
    });
    </script>

只要 floatingAd.js  中的1个就行了

具体效果请看演示,一流资源网推荐下载。

标签:
代码下载(0)
本站下载
收藏 0 有帮助 0 没帮助 0
请站长喝杯咖啡?

站长一直坚持白天工作、晚上熬夜更新素材,付出了巨大的精力和时间,其中的辛酸难以言述。

如果本站素材对你有用,不妨考虑请站长喝杯咖啡鼓励一下!

立即打赏 0
给个评价吧
最受欢迎的

1兼容性好W3C标准的jquery可关闭飘浮广告图片代码

2网页顶部自动收缩广告JS代码

3jquery弹出广告2秒自动收缩代码

4jQuery网页右下角弹出窗口特效广告代码

5像163网站顶部展出的大幅广告可收缩

6JS悬浮图片广告代码,物理弹性飘浮广告,支持W3C,符合XHTML标准

7JS可关闭的网页顶部广告代码

8jquery实现网页顶部定时广告,支持关闭隐藏

9jQuery底部自动伸缩的内容面板广告

10JS全屏SOHU背投广告和弹出广告代码

最新更新的

1兼容性好W3C标准的jquery可关闭飘浮广告图片代码

2jquery弹出广告2秒自动收缩代码

3淡入淡出的居中弹窗代码

4flash两屏翻牌广告代码

5新浪网7屏翻牌广告代码

6jQuery+css带阴影的撕页书角广告效果

7FLASH单屏翻牌广告代码

8五屏Flash翻牌广告代码

9MSN左上角flash伸缩广告

10可关闭的JS对联广告代码

领航时时彩软件 杨方配资 贵阳闲来麻将 甘肃十一选五开奖时 隧道股份股票 哈灵上海麻将 老快3豹子遗漏 广东快乐十分前组遗 极速快三精准人工计划 青海快三开奖结果 上海体彩11选五 遇乐棋牌app下载 有打福州麻将的群吗 江苏七位数中奖金额 福建22选5开奖走势大星 二分彩计划有什么规律 安徽快3频道