基本打包到一个函数里面去了比较实用，如果对效果不是很在意，直接扶植粘贴到程序中，然后给相应的参数赋值就行了。
JQ代码：：：$(document).ready(function(){/* 说明，此函数fn_overfix(ptop,pleft,srcpath,mode,autohide,timeout)* 具有六个参数，六个参数的意义和建议值为:* ptop,pleft < ！必填> 数字 / 通过制定top,left的值，使悬浮框的默认位置* srcpath, < ！必填> 字符串 / 指定要出现的图像的路径，注意，图像必须是已经提前进行了剪辑，符合div的宽度要求小于设置的值* mode < ！必填> 枚举值 / overmode 指定为悬浮状态， fixmode 指定为固定状态* autohide bool / true 表示在一定的时间后自动关闭(默认为10S)* timeout 数值(秒) / 针对上面的自动隐藏，如果指定的时间到了，那么就自动关闭，又消失范围1~1800S 30分钟****div必须为绝对定位*///--保持要漂浮的这里是好i执行的因为 fixoverImg只是一个对代码引用 //这里必须是一个divappendTo body 而不是imgvarfixoverImg=$("<div><img/></div>").addClass("fixover").find("img").addClass("adimg").end(); //--获取动画的左上角的坐标，以用来设置关闭按钮var anitop,anileft;//top,left,指定关闭图像的坐标var closeImg=function(t,l){ $("<img/>").addClass("closeimg").css({"top":t,"left":l}).attr("src","img/you andme/closeimg1.jpg").appendTo("body"); }//--计算器IDvar toutID;//--是否开启滚动var ismove=0;var fn_overfix=function(ptop,pleft,srcpath,mode,autohide,timeout){var arleg=arguments.length;if(arguments.length<4)alert("请赋值合适参数,参数小于四个");return ;}else{//--指定一个动画方案//这里也可设置渐隐渐现动画了，渐隐渐现动画比较好，就是设置fadeTo 在回调函数中在设置fadeTo('slow',1) 时期不透明，更美观//关闭符号在最后的函数，中完成,,,animate中的函数参数，最后执行的fixoverImg.prependTo("body").find("img").attr("src",srcpath).end().animate({"top":ptop,"left ":pleft},'slow',function(){closeImg(parseFloat($(".fixover").css("top")),parseFloat($(".fixover").css("left" )));if(mode=="overmode")ismove=1;else if(mode=="fixmode")ismove=0;//--判断个数根据个数执行相应的更浓if(arleg==5||arleg==6){//--这里要获取当前坐标值anitop=parseFloat( $(".fixover").css("top"));anileft=parseFloat( $(".fixover").css("left"));//--执行函数if(autohide){if(arleg==5)timeout=10;toutID=setTimeout(function(){$(".fixover,.closeimg").remove(); },1000*parseInt(timeout));}else{//--自动处理}} });}}//--fn_overfix(300,0,"img/youandme/1.jpg","overmode",true,3);//--绑定window滚屏事件//--这里的参数调节跟随网页的平率$(window).bind("scroll",function(){ if(ismove) { vart=parseFloat($(window).scrollTop()),l=parseFloat($(window).scrollLeft());$(".fixover,.closeimg").animate({"top":t+anitop,"left":l+anileft },1); }});//--采用live绑定事件。
