smartAD演示多种广告浮动层

来源:https://www.sucaihuo.com/js/318.html 2015-08-20 12:39浏览(813) 收藏

本文介绍下广告插件:smartAd三种不同的调用方法
smartAD演示多种广告浮动层
分类:图片代码 > 广告 难易:中级
查看演示 下载资源 下载积分: 20 积分

方式一:函数$smartAD(option)

$smartAD({
    position: 'tm',
    "link": "http://www.sucaihuo.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.sucaihuo.com"
}); //jqueryObject生成的AD,如果需要浮动固定位置,必须显示的生命fixed:true.
$("#ad3").smartAD({
    position: "mm",
    link: "http://www.google.com",
    delay: 6000
});

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

$.smartAD({
    "link": "http://www.sucaihuo.com",
    style: {
        background: ""
    },
    content: "我是广告4哦,我没有写方位,默认在右下角。"
});
$smartAD({
    position: 'mrt',
    fixed: false,
    close: false,
    "link": "http://www.sucaihuo.com",
    content: "我是广告5哦,我不浮动,也没有关闭按钮。你拉动滚动条试试,我就不会浮动啦。"
});
$smartAD({
    position: 'bm',
    "link": "http://www.sucaihuo.com",
    content: "我是广告6哦,我在底部"
});
参数 描述 默认值
position 可选值[tl|tm|tr|mm|ml|mr|mlt|mlb|mrt|mrb|bl|bm|br].字母意义:t(top上),b(bottom下),l(left左),r(right右),m(middle中).方式一,方式二建议必须写上position.方式三可以不受约束,方式三声明position默认就是dom所在位置 右下角br
style style:{ height:0,//高 width:0,//宽 background:"",//背景,窗体头部背景色 border:"",//边框 top:0,//顶部位置 left:0//左边位置 },//广告窗体样式 -
close 是否可关闭 false
header 是否显示广告窗体头部 true
fixed 是否固定位置浮动窗口显示。 false
content 广告内容,一般是图片,或html代码 -
link 广告链接 #
delay 广告窗体延迟消失时间 0
delayFunc contants.delayFunc,//广告窗体消失效果函数,为jQuery自带函数,默认淡出(fadeOut)。可选值:[fadeOut,hide,slideUp] 淡出fadeOut
before 广告加载前回调函数function(option,win,winHeader,winBody){}.option:配置参数,win:广告窗体jQuery对象,winHeader:广告窗体头部jQuery对象 -
after 广告加载后回调函数function(option,win,winHeader,winBody){}.option:配置参数,win:广告窗体jQuery对象,winHeader:广告窗体头部jQuery对象 -
标签: 广告smartad
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2