smartAD演示多种广告浮动层

收藏

本文介绍下广告插件：smartAd三种不同的调用方法

0、请不要问“在不在”之类的问题，有问题直接问！1、学生或暂时没有工作的童鞋，整站资源免费下载！2、￥9.9充值终身VIP会员,加我微信，826096331 拉你进VIP群学习！3、程序员加油,技术改变世界。在线 充值

查看演示

加我微信，拉你进VIP群学习：

下载资源 下载积分： 30 积分

方式一：函数$smartAD(option)

$smartAD({
    position: 'tm',
    "link": "http://www.erdangjiade.com",
    content: "我是广告哦，我在上中部显示",
    before: function(option, win, winHeader, winBody) {
        //		        alert(option.link);
    },
    after: function(option, win, winHeader, winBody) {
        winHeader.css("background", "#1e4e7b");
    },
});

方式二：函数jQueryObject.smartAD(option)

<div id='ad1'>
    我是广告1哦,我为什么还显示?是因为你给我加了content属性。
</div> 
<div id='ad2' style='background:red;'>
    我是广告2哦，没有方位，我就呆在div原位置，你拉动滚动条试试，我不会浮动。
</div>

<div id='ad3' style='background:green;'>
    我是广告3哦，有方位我就呆在方位位置，现在我在中间的中间，而且我6秒后会消失的哦。
</div>

$("#ad1").smartAD({
    position: 'ml',
    delay: 2000,
    delayFunc: "slideUp",
    link: "http:/www.youku.com",
    content: "广告1在这边"
});
$("#ad2").smartAD({
    fixed: true,
    link: "http://www.erdangjiade.com"
}); //jqueryObject生成的AD，如果需要浮动固定位置，必须显示的生命fixed:true.
$("#ad3").smartAD({
    position: "mm",
    link: "http://www.google.com",
    delay: 6000
});

方式三：函数$.smartAD(option)

$.smartAD({
    "link": "http://www.erdangjiade.com",
    style: {
        background: ""
    },
    content: "我是广告4哦，我没有写方位，默认在右下角。"
});
$smartAD({
    position: 'mrt',
    fixed: false,
    close: false,
    "link": "http://www.erdangjiade.com",
    content: "我是广告5哦，我不浮动，也没有关闭按钮。你拉动滚动条试试，我就不会浮动啦。"
});
$smartAD({
    position: 'bm',
    "link": "http://www.erdangjiade.com",
    content: "我是广告6哦，我在底部"
});