Jquery 类网页微信二维码图块滚动效果具体实现

2020-05-17 06:23:35易采站长站整理

首先是自己定制的脚本方法属性代码:

/*
 * 创建浮动图片广告(Generate a dock AD image)
 *
 * USAGE: 
 *  $(selector).higo_plugins_ad({
 *      src:null,                    // 广告图片路径
 *      closeSrc:null,               // 关闭图片路径
 *      href:”#”,                    // 广告图片链接地址
 *      autoHide:true,               // 是否自动隐藏
 *      hideSecond:10,               // 延迟隐藏秒数
 *      top:20,                      // 距离顶部偏移高度
 *      layout:”left”,               // 默认图片位置:left 居左 ,right 居右, center 居中, 
 *      width:100,                   // 宽度
 *      height:100,                  // 高度
 *      opacity:0.5              // 透明度opacity:0.5(firefox), filter:alpha(opacity=50)(IE)
 *      setPosition:function(left, top){ // 预留自定义显示位置的方法(尚未实现)
 *          return;
 *      }   
 *  })
 */

其次是详细效果实现:

(function($){ 
    $.fn.ad = function(options){ 
        var lastScrollY= 0; 
        var czd = $(this); 
        var settings = $.extend({ 
            src:null,                     
            closeSrc:null,