您好,欢迎访问三七文档
在线客服代码!DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0Transitional//EN==Content-Typecontent=text/html;charset=utf-8/title可展开和收起的在线客服代码/titlestyletype=text/cssimg{border:0;}ul,li{padding:0;margin:0;}.QQbox{z-index:99;right:0;width:128px;height:128px;position:absolute;}.QQbox.press{right:0;width:36px;cursor:pointer;position:absolute;height:128px;}.QQbox.Qlist{left:0;width:131px;position:absolute;height:128px;background:url(/uploads/allimg/1107/floatServiceBj.gif)no-repeatleftcenter;}.QQbox.Qlistul{padding:43px0021px;}.QQbox.Qlistli{height:26px;margin-bottom:11px;_margin-bottom:7px;list-style-type:none;}/stylescripttype=text/javascriptwindow.onload=window.onresize=window.onscroll=function(){varoBox=document.getElementById(divQQbox);varoLine=document.getElementById(divOnline);varoMenu=document.getElementById(divMenu);variScrollTop=document.documentElement.scrollTop||document.body.scrollTop;setTimeout(function(){clearInterval(oBox.timer);variTop=parseInt((document.documentElement.clientHeight-oBox.offsetHeight)/2)+iScrollTop;oBox.timer=setInterval(function(){variSpeed=(iTop-oBox.offsetTop)/8;iSpeed=iSpeed0?Math.ceil(iSpeed):Math.floor(iSpeed);oBox.offsetTop==iTop?clearInterval(oBox.timer):(oBox.style.top=oBox.offsetTop+iSpeed+px);},30)},100)oBox.onmouseover=function(){this.style.width=131+px;oLine.style.display=block;oMenu.style.display=none;};oBox.onmouseout=function(){this.style.width='';oLine.style.display=none;oMenu.style.display=block;};};/script/headbodystyle=height:2000px;br/br/br/br/br/br/br/br/br/br/br/br/br/br/br/br/br/br/br/br/br/br/br/br/br/br/br/br/br/br/br/br/br/br/br/br/br/br/br/br/!--在线客服begin--divclass=QQboxid=divQQboxdivclass=Qlistid=divOnlinestyle=display:none;ulliahref=#imgsrc=/uploads/allimg/1107/floatServiceWeb.gifalt=网页方式/a/liliahref=#imgsrc=/uploads/allimg/1107/floatServiceQq.gifalt=QQ方式/a/li/ul/divdivid=divMenuimgsrc=/uploads/allimg/1107/floatService.gifclass=pressalt=在线客服/div/div/body悬浮窗口定位显示效果!DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0Transitional//EN==content-typecontent=text/html;charset=gb2312metaname=keywordscontent=代码效果/metaname=descriptioncontent=代码效果/title网页特效跟随页面悬浮滚动的调查窗口/titlestyletype=text/cssbody{text-align:center;font-size:12px;color:#333;font-family:宋体;background:#fff;margin:0auto;padding:0;}bodydiv{text-align:center;margin-right:auto;margin-left:auto;}div,form,ul,ol,li,span,p,dt,dd,dl{border:0;margin:0;padding:0;}img,aimg{border:0;margin:0;padding:0;}h1,h2,h3,h4,h5,h6{font-size:12px;font-weight:400;margin:0;padding:0;}ul,ol,li{list-style:none;}td{word-break:break-all;}a{color:#003cc8;text-decoration:none;}a:hover{text-decoration:none;}.f_tahoma{font-family:Tahoma;}em,i{font-style:normal;}.asp_zzjs_net{overflow:hidden;position:fixed;left:0px;top:200px;z-index:2;}.left_zzjs{background:red;width:20px;height:80px;text-align:center;line-height:20px;display:block;color:#fff;}.content{background:#999;width:800px;height:2000px;margin:0auto;}*html,*htmlbody/*修正IE6振动bug*/{background-image:url(about:blank);background-attachment:fixed;}.asp_zzjs_net{_position:absolute;_bottom:auto;_left:0;_top:expression(documentElement.scrollTop+200+px);}.page{width:0px;position:absolute;height:0px;left:0;top:0px;z-index:1;overflow:hidden;display:none;}.pagediv{border:1pxsolid#000;overflow:hidden;width:398px;}.pageh1{height:40px;text-align:center;font-size:20px;color:#fff;background:red;line-height:40px;}.pageh1a{float:right;color:#000;margin-top:-15px;}.pagep{padding:10px;line-height:22px;font-size:14px;text-align:left;background:#fff;height:400px;width:378px;}/stylescripttype=text/javascriptsrc==javascript$(function(){$(#clickopen).click(function(){varoffset=$(#clickopen).offset().top;$(#page).css(top,offset+px);$(#clickopen).hide();$(#page).animate({width:400px,height:400px,left:($(body).width()/2-200)+px,top:(offset-100)+px,opacity:'toggle'},300);returnfalse;})$(#closepage).click(function(){varoffset=$(#page).offset().top;$(#page).animate({width:0px,height:0px,left:0px,top:(offset+100)+px,opacity:'toggle'},300);$(#clickopen).show();returnfalse;})})/script/head/html网站首页漂浮窗口代码divid=adstyle=position:absoluteahref==_blankimgsrc=img01.gifborder=0/a/divscriptvarx=50,y=60varxin=true,yin=truevarstep=1vardelay=10varobj=document.getElementById(ad)functionfloatAD(){varL=T=0varR=document.body.clientWidth-obj.offsetWidthvarB=document.body.clientHeight-obj.offsetHeightobj.style.left=x+document.body.scrollLeftobj.style.top=y+document.body.scrollTopx=x+step*(xin?1:-1)if(xL){xin=true;x=L}if(xR){xin=false;x=R}y=y+step*(yin?1:-1)if(yT){
本文标题:一些网页悬浮窗代码
链接地址:https://www.777doc.com/doc-4030112 .html