自由漂浮的jQuery飘窗插件

这是一个简单的但效果很好的自由漂浮的jQuery飘窗插件，遇到浏览器边框会自动回弹，而且随着滚动条滚动，始终漂浮在可视范围内。使用简单。

1、引入jQuery库和js

<script src="http://www.5imoban.net/tpl/js/jquery-3.1.0.min.js"></script>
<script src="./index.js"></script>

2、加入下面的js即可：

const imgUrl,linkUrl;
// 图片地址
imgUrl='http://www.5imoban.net/view/demoimg/r_song4.jpg';
linkUrl='';
$.floatingAd({
  ad: [{
    'img':imgUrl, //图片
    'headFilter': 0,
    'linkUrl': linkUrl, //图片链接
    'z-index': '9999', //浮动层级别
    'closed-icon': './img/close3.png', //关闭按键图片
    //imgHeight: '100', //图片高度
    imgWidth: '300', //图片宽度
    title: '飘窗标题-我爱模板网', //标题
    step: 6,   //移动频率，数字越大移动越快
    delay: 50,   //每一步频率延迟移动
    isLinkClosed: true,
  }]
});
$(".close").click(function(){
  $("#floatingAd").hide()
})