《一些网页悬浮窗代码.doc》由会员分享,可在线阅读,更多相关《一些网页悬浮窗代码.doc(5页珍藏版)》请在金锄头文库上搜索。
1、在线客服代码可展开和收起的在线客服代码imgborder:0;ul,lipadding:0;margin:0;.QQbox z-index:99;right:0;width:128px;height:128px;position:absolute;.QQbox .pressright:0;width:36px;cursor:pointer;position:absolute;height:128px;.QQbox .Qlistleft:0;width:131px;position:absolute;height:128px;background:url(/uploads/allimg/1107
2、/floatServiceBj.gif) no-repeat left center;.QQbox .Qlist ulpadding:43px 0 0 21px;.QQbox .Qlist liheight:26px;margin-bottom:11px;_margin-bottom:7px; list-style-type:none;window.onload = window.onresize = window.onscroll = function ()var oBox = document.getElementById(divQQbox);var oLine = document.ge
3、tElementById(divOnline);var oMenu = document.getElementById(divMenu);var iScrollTop = document.documentElement.scrollTop | document.body.scrollTop;setTimeout(function ()clearInterval(oBox.timer);var iTop = parseInt(document.documentElement.clientHeight - oBox.offsetHeight)/2) + iScrollTop;oBox.timer
4、 = setInterval(function ()var iSpeed = (iTop - oBox.offsetTop) / 8;iSpeed = iSpeed 0 ? 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
5、.style.display = block;oMenu.style.display = none;oBox.onmouseout = function ()this.style.width = ;oLine.style.display = none;oMenu.style.display = block;悬浮窗口定位显示效果网页特效 跟随页面悬浮滚动的调查窗口bodytext-align:center;font-size:12px;color:#333;font-family:宋体;background:#fff;margin:0 auto;padding:0;body divtext-al
6、ign:center;margin-right:auto;margin-left:auto;div,form,ul,ol,li,span,p,dt,dd,dlborder:0;margin:0;padding:0;img,a imgborder:0;margin:0;padding:0;h1,h2,h3,h4,h5,h6font-size:12px;font-weight:400;margin:0;padding:0;ul,ol,lilist-style:none;tdword-break:break-all;acolor:#003cc8;text-decoration:none;a:hove
7、rtext-decoration:none;.f_tahomafont-family:Tahoma;em,ifont-style:normal;.asp_zzjs_netoverflow:hidden;position:fixed;left:0px;top:200px;z-index:2;.left_zzjsbackground:red;width:20px;height:80px;text-align:center;line-height:20px;display:block;color:#fff;.contentbackground:#999;width:800px;height:2000
8、px;margin:0 auto;* html,* html body/*修正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);.pagewidth:0px; position:absolute;height:0px;left:0;top:0px;z-index:1;overflow:hi
9、dden;display:none;.page divborder:1px solid #000;overflow:hidden;width:398px;.page h1height:40px;text-align:center;font-size:20px;color:#fff;background:red;line-height:40px;.page h1 afloat:right;color:#000;margin-top:-15px;.page ppadding:10px;line-height:22px;font-size:14px;text-align:left;backgroun
10、d:#fff;height:400px;width:378px;$(function() $(#clickopen).click(function() var offset=$(#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 ); return false; ) $(#closepage).click(function() var offset=$(#page).offset().top; $(#page).animate( width: 0px,