一些网页悬浮窗代码

1、在线客服代码可展开和收起的在线客服代码img border:。;uLli(padding:0;margm:0;.QQbox (z-mdex:99;iight:0;width:128px;height:128px;position:absolute;).QQbox .press(right:0;widtli:36px;cursor:pointer;position:absolute;height:128px;.QQbox .Qlist(left:0;width:131px;position:absolute;height:128px;backgiound:url(/uploads/alliing

2、/1107/floatSeiviceBj.gif) no-repeat left center;.QQbox .Qlist ul(paddmg:43px 0 0 21px;.QQbox .Qlist li(height:26px;niargm-bottom: 1 lpx;_inargm-bottom:7px; list-style - type: none;window.onload = wmdow.omesize = window.onscroll = fiinction Qvar oBox = document.getElementById(HdivQQboxH);var oLme = d

3、ocument.getElementById(HdivOiilmeH);var oMenu = document.getElementById(MdivMenuH);var iScrollTop = document.documentElement.scrollTop | document.body.sciollTop;setTmieout(fiinction ()cleaiIiitenral(oBox.tmiei);var iTop = paiseIiit(document.documentElement.clientHeight - oBox.offsetHeight)/2) + iScr

4、ollTop;oBox.tiiner = setlntervral(function ()var iSpeed = (iTop - oBox.offsetTop) / 8;iSpeed = iSpeed 0 ? Math.ceil(iSpeed): Math.floor(iSpeed);oBox.offsetTop = iTop ? cleaiIiitenTal(oBox.tmiei) : (oBox.style.top = oBox.offsetTop + iSpeed+ ”px)；，30), ioo)oBox.omnouseover = function ()tlus.style.widt

5、h = 131 + ”px”； oLme.style.display = block; oMenu. style .display = HnoneM;oBox.omnouseout = fiinction () this.stvle.width =二 oLme.style.display = HnoneH; oMenu. style .display = block”； ;v!-在线客服begin J悬浮窗口定位显示效果!DOCTYPE htnil PUBLIC ”./W3C/DTD XHTML 1.0 TransitionaL/ENM“ HYPERLINK http:/www.w3 http

6、:/www.w3 .org/TRxhtml UDTDFxhtmH SnsitionaLdtd”网页特效 跟随页而悬浮滚动的调查窗I Ibody(text-align:centei;fbnt-size:12px;color:#333;fbnt-fainily： 宋 体 M;backgiound:#fff;margm:0 auto;paddmg:0;body divtext-align:center;margm-iight:auto;inargm-left:auto; div,fdniuiLolJi,spaiLp,dtJd,dl(boider:0;margm:0;paddmg:0; img,a i

7、mgborder:0;maigm:0;padding:0; hLli2Ji3Ji4ji5,h6(fbnt-size:12px;fbnt-weight:400;margm:0:paddmg:0; uLolJi(list-style:none;) td (word-break: bieak-all;)a(color:#003cc8;text-decoration:none;a:hover(text-decoration:none;.Oahonia font-family: Tahonia; enij( fbnt-style: normal;) .asp_zzjs_netoverflow:hidde

8、n;position:fixed;left:0px;top:200px;z-index:2; .left_zzjs(backgiound:red;width:20px:height:80px;text-align:center;lme-height:20px;display:bloc k;coloi：rFfif;.content(background:#999;width:800px;height:2000px;margin:0 auto;* htnil.* html body/* 修 正 正 6 振 动 bug*/(backgiound-image:url(about:blaiik);bac

9、kground-attaclmient:fixed;) .asp_zzjs_net_position:absolute;_bottom:auto;_left:0;_top: expression(documentElement.scrollTop + 200 + HpxH); .page(widtli:Opx;position:absolute;height:0px;left:0;top:0px;z-index:l;oveiflow:hidden;display:none;.page div(border: Ipx solid #000;overflow:hidden;width:398px;

10、.page hl(height:40px;text-align:center;fdnt-size:20px;color:#fif:backgiouiid:red:lme-height:40px;) .page hl a(float:right;color:#000;maigin-top 15px;.page p(paddmg:10px:line-height:22px;fbnt-size:14px;text-align:left;background:#fff;height:400px;widt h:378px;S(functionQ($(n#clickopenn).click(functio

11、nO(var offset=$(H#clickopenM).offsetQ.top;S(,#page).css(,top,offset+MpxH);S(节clickopen”), hide。；S(H#page).aniniate(width: ”400px”，height: H400pxn,left: ($(”body”).width()/2200)+”px”，top: (offset-!00)+npx,opacity: toggle*, 300 )；return false;)$(H#closepagen).click(fxinction()(var offset=$(n#pageM).of

12、fset().top;$(,#page,).animate(width: ”0px”，height: ”0px”，left: ”0px”，top: (offset+100)+Hpx,opacity: toggle*, 300 )；S(M#clickopenH). show();return false;)网站首页漂浮窗口代码var x = 50,y = 60var xin = tine, yin = tinevar step = 1var delay = 10Jvar obj=document.getElementById(HadM)fiinction floatAD() (var L=T=0

13、var R= document.body.chentWidth-obj.offsetwidthvar B = document.body.clientHeight-obj.offsetHeightobj.style.left = x + document, body. scrollLeftobj.style.top = y + document. body. scrollTopx = x + step*(xiii? 1 1)if (x R) xiii = false; x = Ry = y + step*(yiii? 1 1)if (y B) yiii = false; y = B var itl= setInteival(,floatAD(), delay)obj .omnouseover=fnnction()( clearlnteival(itl)obj.omiiouseout=functionQ(itl=setIntervral(HfloatAD(), delay)代码 分析： v/av/drvvar x = 50,y= 60 浮动层的初始位置，分别对应层的初始X坐标和Y坐标var xin = true, yin = true 判断层的X坐标和Y坐标是否在在控制