将下载的文件夹,文件夹 css 、 images 、 js 上传到主机目录
用记事本 或 软件 打开index.html 大概第16行 如图 </head>前面 插入下面代码
插入如下代码:
<link type="text/css" rel="stylesheet" href="css/ad.css" />
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/floatingAd.js"></script>
<script type="text/javascript">
$(function(){
$.floatingAd({
//频率
delay: 60,
//超链接后是否关闭漂浮
isLinkClosed: true,
//漂浮内容
ad: [{
//关闭区域背景透明度(0.1-1)
headFilter: 0.3,
//图片
'img': 'images/baidu_sylogo1.gif',
//图片高度
//'imgHeight': 220,
//图片宽度
//'imgWidth': 176,
//图片链接
'linkUrl': 'http://www.php-asp.net/',
//浮动层级别
'z-index': 100,
//标题
'title': '度娘'
},{
'img': 'images/logo_png.png',
//'imgHeight': 220,
//'imgWidth': 176,
'linkUrl': 'http://www.php-asp.net/',
'z-index': 101,
'title': '丁三石',
//关闭按键图片
'closed-icon': 'images/list-remove.png'
}],
//关闭事件
onClose: function(elem){
alert('关闭');
}
});
$("#aa").floatingAd({
onClose:function(elem){}
});
});
</script>