特效描述:浮动图片广告 页面漂浮图片 页面漂浮广告。
代码结构
1. 引入CSS
2. 引入JS
3. HTML代码
漂浮广告
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
body{font:12px/180% Arial, Helvetica, sans-serif, "新宋体";}
$(function(){
$.floatingAd({
//频率
delay: 60,
//超链接后是否关闭漂浮
isLinkClosed: true,
//漂浮内容
ad:[{
//关闭区域背景透明度(0.1-1)
headFilter: 0.3,
//图片
'img': '/img/baidu_sylogo1.gif',
//图片高度
//'imgHeight': 220,
//图片宽度
//'imgWidth': 176,
//图片链接
'linkUrl': '/',
//浮动层级别
'z-index': 100,
//标题
'title': '度娘'
},{
'img': '/www/logo/logo_png.png',
//'imgHeight': 220,
//'imgWidth': 176,
'linkUrl': '/',
'z-index': 101,
'title': '丁三石',
//关闭按键图片
'closed-icon': 'images/list-remove.png'
}],
//关闭事件
onClose: function(elem){
alert('关闭');
}
});
$("#aa").floatingAd({
onClose:function(elem){}
});
});