html飘窗效果,js实现网页飘窗效果-Javascript-舒彬琪博客|前端技术博客|CMS教程|PbootCMS|JizhiCMS-www.cnsbq.com...

此飘窗效果不会受页面高度影响，页面多高就移动多大范围

可设置的参数有

图片地址

跳转页面地址

跳转页面打开方式

漂浮速度

共四项

主要JS代码如下所示(function($){

$.fn.floatAd = function(options){

var defaults = {

imgSrc : 'http://www.cnsbq.com.cn/static/upload/image/20191110/Pb14.png', // 图片地址

url:'http://www.cnsbq.com.cn', // 跳转页面地址

openStyle : 1, // 跳转页打开方式 1为新页面打开  0为当前页打开

speed : 10 // 漂浮速度 单位毫秒

};

var options = $.extend(defaults,options);

var _target = options.openStyle == 1 ?  "target='_blank'" : '' ;

var html = "

";

        html += "   x";

html += "

";

$('body').append(html);

function init(){

var x = 0,y = 0

var x