/*!
* AD plugin smartAD V1.0
* Depended jQuery. url http://jquery.com/
* Author JsonZou
* Copyright 2013
*
* Date: 2013-2-14 21:00
*/
;(function($){
//浮窗样式定义
var smartADClass={
"smart-ad-fixed":{"position":"fixed","z-index":99},//浮动
"smart-ad-nofixed":{"position":"absolute","z-index":99},//不浮动
"smart-ad-win":function(style){//广告窗体
return {"background":style.background?style.background:"#fff",
"border":style.border?style.border:"1px solid #eee",
"width":style.width,
"left":style.left,
"top":style.top,
"padding":0,"cursor":"pointer"};
},
"smart-ad-win-header":function(style){//广告窗体头部
return {"background":style.background?style.background:"#aaa",
"border-bottom":style.border?style.border:"1px solid #ddd",
"width":"100%","height":"12px","font-size":"10px","display":"none","padding":0};
},
"smart-ad-win-body":function(style){//广告body
return {//"background":style.background?style.background:"#aaa",
"height":"100%",
"width":"100%","padding":0,"word-wrap":"break-word","word-break":"normal"};
},
"smart-ad-win-close":{"position":"absolute","right":"-3px","top":"-2px","padding":0,//广告窗体关闭按钮
"width":"24px","height":"14px"},
"smart-ad-position-tl":function(style){//广告窗体位置topleft(顶部左边)
return {
'height':style.height?style.height:90,
'width':style.width?style.width:120,
'top':0,'left':0};
},
"smart-ad-position-tm":function(style){//广告窗体位置topmiddle(顶部中间)
return {
'height':style.height?style.height:90,
'width':style.width?style.width:960,
"margin-left":style.width?-style.width/2:-480,
'top':0,'left':'50%'};
},
"smart-ad-position-tr":function(style){//广告窗体位置topright(顶部右边)
return {
'height':style.height?style.height:90,
'width':style.width?style.width:120,
'top':0,'right':0,left:'auto'};
},
"smart-ad-position-mm":function(style){//广告窗体位置middlemiddle(中部中间)
return {
'height':style.height?style.height:400,
'width':style.width?style.width:600,
"margin-top":style.height?-style.height/2:-200,
"margin-left":style.width?-style.width/2:-300,
'top':'50%','left':"50%"};
},
"smart-ad-position-ml":function(style){//广告窗体位置middleleft(中部左边)
return {
'height':style.height?style.height:300,
'width':style.width?style.width:120,
"margin-top":style.height?-style.height/2:-150,
'top':'50%','left':"10px"};
},
"smart-ad-position-mlt":function(style){//广告窗体位置middlelefttop(中部左边上方)
return {
'height':style.height?style.height:150,
'width':style.width?style.width:120,
"margin-top":style.height?-(style.height+10):-160,
'top':'50%','left':"10px"};
},
"smart-ad-position-mlb":function(style){//广告窗体位置middleleftbottoom(中部左边下方)
return {
'height':style.height?style.height:150,
'width':style.width?style.width:120,
"margin-top":10,
'top':'50%','left':"10px"};
},
"smart-ad-position-mr":function(style){//广告窗体位置middleright(中部右边)
return {
'height':style.height?style.height:300,
'width':style.width?style.width:120,
"margin-top":style.height?-style.height/2:-150,
'top':'50%','right':"10px",left:'auto'};
},
"smart-ad-position-mrt":function(style){//广告窗体位置middlerighttop(中部右边上方)
return {
'height':style.height?style.height:150,
'width':style.width?style.width:120,
"margin-top":style.height?-(style.height+10):-160,
'top':'50%','right':"10px",left:'auto'};
},
"smart-ad-position-mrb":function(style){//广告窗体位置middlerightbottom(中部右边下方)
return {
'height':style.height?style.height:150,
'width':style.width?style.width:120,
"margin-top":10,
'top':'50%','right':"10px",left:'auto'};
},
"smart-ad-position-bl":function(style){//广告窗体位置bottomleft(底部左边)
return {
'height':style.height?style.height:230,
'width':style.width?style.width:270,
'bottom':0,'left':0,'top':'atuo'};
},
"smart-ad-position-bm":function(style){//广告窗体位置bottommiddle(底部中间)
return {
'height':style.height?style.height:90,
'width':style.width?style.width:960,
"margin-left":style.height?-style.height/2:-480,
'bottom':0,'left':"50%","top":'auto'};
},
"smart-ad-position-br":function(style){//广告窗体位置bottomright(底部右边)
return {
'height':style.height?style.height:230,
'width':style.width?style.width:270,
'bottom':0,'right':0,left:'auto',top:'auto'};
}
};
//参数常量
var contants={
delayFuncs:["fadeOut","hide","slideUp"],//支持的效果
delayFunc:'fadeOut',//默认效果
positions:['tl','tm','tr','mm','ml','mr','mlt','mlb','mrt','mrb','bl','bm','br'],//支持的方位
position:"br",//默认方位
style:{height:0,width:0,background:"",border:"",top:0,left:0}//窗体样式
};
//调用参数
var $option={
position:"",//广告悬挂位置，t(top上),b(bottom下),l(left左),r(right右),m(middle中).可选值（tl|tm|tr ml|mr|mlt|mlb|mrt|mrb bl|bm|br）
style:contants.style,//广告窗体样式
close:true,//是否可关闭
header:true,//是否显示广告窗体头部
fixed:true,//是否固定位置浮动窗口显示
content:"",//广告内容，一般是图片，或html代码
link:"#",//广告链接
delay:0,//广告窗体延迟消失时间
delayFunc:contants.delayFunc,//广告窗体消失效果函数，为jQuery自带函数，可选值：[fadeOut,hide,slideUp]
before:null,//广告加载前回调函数function(option,win,winHeader,winBody){}.option:配置参数，win:广告窗体jQuery对象，winHeader:广告窗体头部jQuery对象，winBody:广告窗体body的jQuery对象
after:null//广告加载后回调函数function(option,win,winHeader,winBody){}.option:配置参数，win:广告窗体jQuery对象，winHeader:广告窗体头部jQuery对象，winBody:广告窗体body的jQuery对象
};
//浮窗控件
var _floatWin=$("");
var _floatWinHeader=$("");
var _floatWinBody=$("");
var _floatWinCloseBtn=$("关闭
");
//smartAD定义
var $_smartAD=function(_option){
//整理参数
var option=$.extend({},$option,_option);
option.style=$.extend({},contants.style,option.style);
option.style.height=parseInt(option.style.height);
option.style.width=parseInt(option.style.width);
option.style.top=parseInt(option.style.top);
option.style.left=parseInt(option.style.left);
//验证
//if(!option.link||!option.content){return;}
//浮窗控件生成
var floatWin=_floatWin.clone();
var floatWinHeader=_floatWinHeader.clone();
var floatWinBody=_floatWinBody.clone();
var floatWinCloseBtn=_floatWinCloseBtn.clone();
floatWin.append(floatWinHeader).append(floatWinBody);
floatWinHeader.append(floatWinCloseBtn);
$("body").append(floatWin);
//广告加载之前回调
if(option.before){option.before(option,floatWin,floatWinHeader,floatWinBody);}
//浮窗样式渲染
floatWin.css(smartADClass["smart-ad-win"](option.style));
floatWinHeader.css(smartADClass["smart-ad-win-header"](option.style));
floatWinBody.css(smartADClass["smart-ad-win-body"](option.style));
if(option.position){
if($.inArray(option["position"],contants.positions)==-1){alert("Error!\nThe position is not exits.Supports:\n"+contants.positions);return;}
floatWin.css(smartADClass["smart-ad-position-"+option["position"]](option.style))
};
floatWinCloseBtn.css(smartADClass["smart-ad-win-close"]);
floatWinHeader.width(floatWinBody.width());
floatWin.css(smartADClass["smart-ad-fixed"]);
if(!option.fixed){floatWin.css(smartADClass["smart-ad-nofixed"]);}
//广告内容渲染
floatWinBody.html(option.content);
//事件绑定
//关闭按钮事件
if(option.close){floatWinHeader.show();floatWinCloseBtn.click(function(){floatWin.hide();});}
//广告点击事件
floatWinBody.attr("link",option.link);
if(option.link&&option.link!='#'){
floatWinBody.click(function(){smartADClickEvent(option.link);});
}
//窗体消失效果事件
if(option.delay>0){
if($.inArray(option.delayFunc,contants.delayFuncs)==-1){option.delayFunc=contants.delayFunc;}
setTimeout(function(){floatWin[option.delayFunc](800);},option.delay);
}
//广告加载之后回调
if(option.after){option.after(option,floatWin,floatWinHeader,floatWinBody);}
};
//smartAD广告点击事件
var smartADClickEvent=function(link){
var adform=$("#smart-ad-form");
if(adform.length==0){
adform=$("");
$('body').append(adform)
}
adform.attr('action',link);
adform.submit();
};
//window 扩展支持
window.$smartAD=function(option_){
if(!option_["position"]){option_.position=contants.position;}
$_smartAD(option_);
};;
//jquery扩展函数
$.smartAD=$smartAD;
//jquery对象支持函数
$.fn.extend({
"smartAD":function(_option_){
var wrap=$("");
var temp=$(this).clone();
temp.attr("id","smart-ad-id-"+$(this).attr("id"));
wrap.append(temp);
var fixed=_option_['fixed'];
_option_=$.extend({},$option,_option_);
_option_.style=$.extend({},contants.style,_option_.style);
if(!_option_.position){//没有方位默认是dom对象所在位置
if(!fixed){_option_.fixed=false;}
_option_["style"]={top:_option_["style"].top?_option_["style"].top:$(this).offset().top,
left:_option_["style"].left?_option_["style"].left:$(this).offset().left,
height:_option_["style"].height?_option_["style"].height:$(this).height(),
width:_option_["style"].width?_option_["style"].width:$(this).width(),
background:_option_["style"].background,
border:_option_["style"].border
};
}else{
_option_["style"]["top"]=0;
_option_["style"]["left"]=0;
//_option_["style"]["height"]=$(this).height();
// _option_["style"]["width"]=$(this).width();
}
if(!_option_.content){//没有内容默认是dom的内容
$(this).hide();
_option_.content=wrap.html();
}
$_smartAD(_option_);
}
});
})(jQuery);
!function($){
/**
* Description: jquery飘窗插件，可自适应浏览器宽高的变化
* Author: ddqre12345
* CreateTime: 2017.5.3
* param: args={startL:default, startT:default, angle:-Math.PI/4, speed: 125}
* 参数说名: startL飘窗初始时距离左边的距离, startT飘窗初始化距离顶部的距离, angle飘窗初始运动方向, speed运动速度(px/s)
*/
$.fn.autoMove = function(args){
//先定义一些工具函数判断边距
function isTop(pos, w_w, w_h, d_w, d_h){//飘窗到达上边距
return (pos.top<=0) ? true : false;
}
function isBottom(pos, w_w, w_h, d_w, d_h){//飘窗到达下边距
return (pos.top>=(w_h-d_h)) ? true : false;
}
function isLeft(pos, w_w, w_h, d_w, d_h){//飘窗到达左边距
return (pos.left<=0) ? true : false;
}
function isRight(pos, w_w, w_h, d_w, d_h){//飘窗到达右边距
return (pos.left>=(w_w-d_w)) ? true : false;
}
return this.each(function(){
var w_w = parseInt($(window).width()),
w_h = parseInt($(window).height()),
d_w = parseInt($(this).width()),
d_h = parseInt($(this).height()),
d_l = (w_w-d_w)/2,
d_t = (w_h-d_h)/2,
max_l = w_w - d_w;
max_t = w_h - d_h;
//位置及参数的初始化
var setobj = $.extend({startL:d_l, startT:d_t, angle:Math.PI/4, speed:100}, args);
$(this).css({position: 'absolute', left: setobj['startL']+'px', top: setobj['startT']+'px'});
var position = {left: setobj['startL'], top: setobj['startT']};//飘窗位置对象
var that = $(this);
var angle= setobj.angle;
var time = 10;//控制飘窗运动效果，值越小越细腻
var step = setobj.speed * (time/1000);//计算运动步长
var decoration = {x:step*Math.cos(angle), y:step*Math.sin(angle)};//计算二维上的运动增量
var mvtid;
$(window).on('resize', function(){//窗口大小变动时重新设置运动相关参数
w_w = parseInt($(window).width());
w_h = parseInt($(window).height());
max_l = w_w - d_w;
max_t = w_h - d_h;
});
function move(){
position.left += decoration.x;
position.top += decoration.y;
if(isLeft(position, w_w, w_h, d_w, d_h)||isRight(position, w_w, w_h, d_w, d_h)){
decoration.x = -1*decoration.x;
}
if(isRight(position, w_w, w_h, d_w, d_h)){
position.left = max_l;
}
if(isTop(position, w_w, w_h, d_w, d_h)||isBottom(position, w_w, w_h, d_w, d_h)){
decoration.y = -1*decoration.y;
}
if(isBottom(position, w_w, w_h, d_w, d_h)){
position.top = max_t;
}
//that.css({left:position.left, top:position.top});
that.animate({left:position.left, top:position.top}, time);//改用jquery动画函数使其更加平滑
mvtid = setTimeout(move, time);//递归调用，使飘窗连续运动
}
move();//触发动作
that.on('mouseenter', function(){ clearTimeout(mvtid) });//添加鼠标事件
that.on('mouseleave', function(){ move() });
});
}; //end plugin definition
}(jQuery);