 | ';
strFace += ' | ';
if( i % 15 == 0 ) strFace += '
"+this.myTitle+"
| ';
strFace += ' | ';
if( i % 15 == 0 ) strFace += '
暂无在线客服。
") } else{var qqListHtml = $.fn.Sonline.splitStr(opts);$("#SonlineBox > .contentBox > .listBox").append(qqListHtml); } if(opts.Position=="left"){$("#SonlineBox").css({left:0});} else if(opts.Position=="right"){$("#SonlineBox").css({right:0})} $("#SonlineBox").css({top:opts.Top,width:opts.Width+4}); var allHeights=0; if($("#SonlineBox > .contentBox").height() < $("#SonlineBox > .openTrigger").height()){ allHeights = $("#SonlineBox > .openTrigger").height()+4; } else{allHeights = $("#SonlineBox > .contentBox").height()+40;} $("#SonlineBox").height(allHeights); if(opts.Position=="left"){$("#SonlineBox > .openTrigger").css({left:0});} else if(opts.Position=="right"){$("#SonlineBox > .openTrigger").css({right:0});} } //滑动式效果 $.fn.Sonline.scrollType = function(){ $("#SonlineBox").css({position:"absolute"}); var topNum = parseInt($("#SonlineBox").css("top")+""); $(window).scroll(function(){ var scrollTopNum = $(window).scrollTop();//获取网页被卷去的高 $("#SonlineBox").stop(true,false).delay(200).animate({top:scrollTopNum+topNum},"slow"); }); } //分割QQ $.fn.Sonline.splitStr = function(opts){ var strs= new Array(); //定义一数组 var QqlistText = opts.Qqlist; strs=QqlistText.split(","); //字符分割 var QqHtml="" for (var i=0;i
$(".test").bnFdjOne({ zoom: 2 });
*/
; (function ($) {
$.fn.bnFdjOne = function (options) {
var defaluts = {
cameraW: 100, //镜头宽度
cameraH: 100, //镜头高度
pointBjColor: "#000", //镜头的背景颜色
pointOpacity: 0.6, //镜头的透明度
zoomPos: 10, //放大框距离源框的位置
zoom: 2//放大倍数
};
options = $.extend(defaluts, options);
var obj = $(this);
obj.addClass("gysFdjOrigin");
var objOriImg=$("img",obj);
var objOriImgW=objOriImg.width();
var objOriImgH=objOriImg.height();
var fdCount = $(".gysFdjOrigin").length;
var fdAttr = "fd"; //属性变量
obj.attr(fdAttr, fdCount); //添加属性
var offset = obj.offset();
var objLeft = offset.left; //对象left
var objTop = offset.top; //对象top
var objWidth = obj.width(); //对象宽度
var objHeight = obj.height(); //对象高度
//镜头相对box的活动范围
var cameraMaxLeft = objWidth + objLeft - options.cameraW; //最大左范围
var cameraMaxTop = objHeight + objTop - options.cameraH; //最大下范围
var imgStr = obj.html();
var html = "";
html += "";
$("body").append(html);
$("img", $(".gysFdjBox[" + fdAttr + "=" + fdCount + "]")).width(objWidth*options.zoom).height(objHeight*options.zoom);
var objFdjcamera = null;
if ($("#gysFdjcamera").length == 0) {
var pointBlock = "";
$("body").append(pointBlock);
}
objFdjcamera = $("#gysFdjcamera");
var nowLeft = 0, nowTop = 0;
obj.on("mouseover", function (event) {
objFdjcamera.show().attr(fdAttr, fdCount);
$(".gysFdjBox["+fdAttr+"="+fdCount+"]").show();
$(document).on("mousemove", function (event) {
var pointX = event.clientX+$(document).scrollLeft();
var pointY = event.clientY+$(document).scrollTop();
nowLeft = pointX - options.cameraW / 2;
nowTop = pointY - options.cameraH / 2;
if (nowLeft <= objLeft) { nowLeft = objLeft; }
else if (nowLeft >= cameraMaxLeft) { nowLeft = cameraMaxLeft; }
if (nowTop <= objTop) { nowTop = objTop; }
else if (nowTop >= cameraMaxTop) { nowTop=cameraMaxTop;}
objFdjcamera.css({ left: nowLeft + "px", top: nowTop + "px" });
nowLeft=(nowLeft-objLeft)*options.zoom;
nowTop=(nowTop-objTop)*options.zoom;
$("img",$(".gysFdjBox[" + fdAttr + "=" + fdCount + "]")).css({ "margin-top": -nowTop + "px", "margin-left": -nowLeft + "px" });
});
});
objFdjcamera.on("mouseleave", function () {
$(document).off("mousemove");
objFdjcamera.hide();
$(".gysFdjBox["+fdAttr+"="+fdCount+"]").hide();
});
}
})(jQuery);
/***********放大镜插件(一):使用单张图片的思路***end***************/
/************放大镜插件(二):使用二张图片的思路*****************/
/*
