Jquery中文网 > 脚本编程 > javascript > 正文仿百度空间右下角悬浮窗口代码

仿百度空间右下角悬浮窗口代码

发布时间：2017-08-14 编辑：www.jquerycn.cn

jquery中文网为您提供仿百度空间右下角悬浮窗口代码等资源，欢迎您收藏本站，我们将为您提供最新的仿百度空间右下角悬浮窗口代码资源

提示：您可以先修改部分代码再运行

<textarea name="runcool" rows="28" cols="75" >仿百度空间右下角悬浮窗口代码 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>仿百度空间右下角悬浮窗口代码</title> <meta http-equiv="content-type" content="text/html;charset=gb2312"> <style type="text/css"> *{margin:0;padding:0;} #downmsg_emessage{position:fixed;_position:absolute;z-index:100;bottom:0;right:0;background:url() no-repeat left top;width:225px;} #donwmsg_head{float:left;display:inline;font-size:12px;color:#ffffff;margin-left:26px;margin-top:6px;} #downmsgBar .close{float:right;width:11px;height:11px;margin-top:6px;display:block;margin-right:5px;} #downmsgBar{height:25px;} #donwmsg_content{height:162px;overflow:hidden;} #donwmsg_content ul{font-size:12px;color:#007cc1;top:34px;padding:10px 10px 0 10px;left:6px;line-height:180%;} #donwmsg_content ul li{background:url() no-repeat -100px -245px;text-indent:13px;} #donwmsg_content ul li a{color:#007cc1;} #donwmsg_content ul .ll a{color:#a10000;font-weight:bold;} #donwmsg_content p{position:absolute;left:13px;top:157px;} #donwmsg_content .lb{padding:10px;font-size:16px;text-align:center;} #donwmsg_content .lb a{color:#007cc1;font-weight:bold;} .msg-hidden-btn-2{width:11px;height:11px;overflow:hidden;float:right;display:block;margin-right:5px;margin-top:6px;background:url() no-repeat left -250px;} .msg-hidden-btn-1{width:11px;height:11px;overflow:hidden;float:right;display:block;margin-right:5px;margin-top:6px;background:url() no-repeat -50px -250px;} .sectionshover .trans{border:solid 1px #ffc600;background-color:#fff0b6;height:24px;} .sectionshover .trans li{float:left;width:200px;clear:none;} </style> <script type="text/javascript" language="javascript"> var $w = window; var $d = document; var $l = location; function $i(s){return $d.getElementById(s);} function $t(s){return $d.getElementsByTagName(s);} function $n(s){return $d.getElementsByName(s);} var www_zzsky_cn = {}; www_zzsky_cn.client = (function(){ var t = {}; var b = navigator.userAgent.toLowerCase(); t.isOpera = (b.indexOf('opera') > -1); t.isIE = (!t.isOpera && b.indexOf('msie') > -1); t.isFF = (!t.isOpera &&!t.isIE&&b.indexOf('firefox') > -1); return t; })(); www_zzsky_cn.util = (function(){ var t = {}; t.addEvent = function(o,c,h){ if(www_zzsky_cn.client.isIE){ o.attachEvent('on' c,h); }else{ o.addEventListener(c,h,false); } return true; }; t.delEvent = function(o,c,h){ if(www_zzsky_cn.client.isIE){ o.detachEvent('on' c,h); }else{ o.removeEventListener(c,h,false); } return true; }; t.ga = function(o,s){ return o.getAttribute(s); }; t.sa = function(o,k,v){ return o.setAttribute(k,v); }; t.s2d = function(s){ var sa = s.split('-'); var d = new Date(sa[0],(sa[1]-1),sa[2]); return d; }; t.d2s = function(d,b){ var ye = d.getFullYear(); var me = (parseInt(d.getMonth()) 1).toString() var de = d.getDate(); if(me.length==1&&b)me='0' me; if(de.length==1&&b)de='0' de; return ye me de; }; return t; })(); www_zzsky_cn.cookies = (function(){ var t = {}; t.setCookie = function(name,value,days) { if(days){ var exp = new Date(); exp.setTime(exp.getTime() days*3*1000); document.cookie = name "=" escape(value) ";expires=" exp.toGMTString() ";path=/;"; }else{ document.cookie = name "=" escape(value) ";path=/;"; } }; t.getCookie = function(name) { var arr = document.cookie.match(new RegExp("(^| )" name "=([^;]*)(;|$)")); if(arr != null) return unescape(arr[2]); return null; }; t.setCookie2 = function(name,value,days) { if(days){ var exp = new Date(); exp.setTime(exp.getTime() days*3*1000); document.cookie = name "=" encodeURIComponent(value) ";expires=" exp.toGMTString() ";path=/;"; }else{ document.cookie = name "=" encodeURIComponent(value) ";path=/;"; } }; t.getCookie2 = function(name) { var arr = document.cookie.match(new RegExp("(^| )" name "=([^;]*)(;|$)")); if(arr != null) return decodeURIComponent(arr[2]); return null; }; t.delCookie = function(name) { var exp = new Date(); exp.setTime(exp.getTime() - 1); var cval=getCookie(name); if(cval!=null) document.cookie=name "=" cval ";expires=" exp.toGMTString(); }; t.delCookie2 = function(name) { var exp = new Date(); exp.setTime(exp.getTime() - 1); var cval=getCookie2(name); if(cval!=null) document.cookie=name "=" cval ";expires=" exp.toGMTString(); }; return t; })(); www_zzsky_cn.jscload = (function(){ var t = function(){ if(!www_zzsky_cn.quickload){ var cs = $t('label'); for(var i=0;i<cs.length;i ){ var ct = www_zzsky_cn.util.ga(cs[i],'c_type'); if(ct){ var pe = www_zzsky_cn.dom.gNxtSib(cs[i]); if(pe){ eval("new " ct "(pe)"); } } } } if(typeof jsconload == 'function'){ jsconload(); } www_zzsky_cn.loaded = true; }; return t; })(); www_zzsky_cn.jscunload = (function(){ var t = function(){ if(true){ try{ if(typeof jsconload == 'function'){ jsconunload(); } }catch(e){} } }; return t; })(); www_zzsky_cn.init = (function(){ www_zzsky_cn.util.addEvent(window,'load',www_zzsky_cn.jscload); www_zzsky_cn.util.addEvent(window,'unload',www_zzsky_cn.jscunload); return true; })(); var downMsg=function(msgid,contentid,config){ this.msg = $i(msgid); this.content = $i(contentid); this.config = config ? config : {start_delay:3000, speed: 5, movepx:2,cookie:'downMsgcookie',expiresDay:0}; this.offsetHeight; this.emsg_objTimer; this.ie6Add =0; var _this = this; this.init = function(){ var ifcookie=www_zzsky_cn.cookies.getCookie(this.config.cookie); if(ifcookie == "show") return; window.setTimeout(_this.start,parseInt(_this.config.start_delay,10)); } this.start = function(){ _this.msg.style.display="block"; _this.content.style.display="block"; _this.offsetHeight = _this.content.offsetHeight; _this.content.style.height ="0px"; _this.emsg_objTimer = setInterval(_this.moveUpDiv,parseInt(_this.config.speed,10)); } this.moveUpDiv = function(){ if(_this.offsetHeight> parseInt(_this.content.style.height,10)){ _this.content.style.height = parseInt(_this.content.style.height,10) parseInt(_this.config.movepx,10) "px"; } else{ window.clearInterval(_this.emsg_objTimer); www_zzsky_cn.cookies.setCookie(_this.config.cookie,"show",_this.config.expiresDay); //ie6下才做，因为没有fixed属性 var isMSIE = !!(/*@cc_on!@*/0); if(isMSIE &&!(window.XMLHttpRequest)) { _this.content.style.height = parseInt(_this.content.style.height,10) 2 "px"; _this.autoMoveIe6(); } } } this.autoMoveIe6 = function(){ if(_this.ie6Add ==0){ _this.content.style.height = parseInt(_this.content.style.height,10) 1 "px"; _this.msg.style.bottom="-2px"; _this.ie6Add =1; } else{ _this.content.style.height = parseInt(_this.content.style.height,10) - 1 "px"; _this.msg.style.bottom="-1px"; _this.ie6Add =0; } setTimeout(_this.autoMoveIe6,100) } } function closeDiv() { document.getElementById('downmsg_emessage').style.display='none'; } function showHideDiv() { var ct = document.getElementById('donwmsg_content'); var btn = document.getElementById('msg_hidden_btn'); if(ct.style.display!="none"){ ct.style.display = "none" btn.className="msg-hidden-btn-2"; }else{ ct.style.display="block"; btn.className="msg-hidden-btn-1"; } } var start=new Date(); start=Date.parse(start)/1000; var counts=30; function CountDown(){ var now=new Date(); now=Date.parse(now)/1000; var x=parseInt(counts-(now-start),10); if(x>0){ window.setTimeout('CountDown()',300) }else{ showHideDiv() } } window.setTimeout('CountDown()',300); function closeDiv() { document.getElementById('downmsg_emessage').style.display='none'; } function showHideDiv() { var ct = document.getElementById('donwmsg_content'); var btn = document.getElementById('msg_hidden_btn'); if(ct.style.display!="none"){ ct.style.display = "none" btn.className="msg-hidden-btn-2"; }else{ ct.style.display="block"; btn.className="msg-hidden-btn-1"; } } </script> <script type="text/javascript"> www_zzsky_cn.util.addEvent(window,"load",function(){ var downmsg = new downMsg("downmsg_emessage","donwmsg_content",{start_delay:2000, speed: 5, movepx:2,cookie:'downMsgcookie',expiresDay:1}); downmsg.init(); }) </script> </head> <body>

系统提示信息

<ul> <li class="ll">建站服务：播放器、评论系统等</li> <li>站长工具：收录查询、Alexa查询等</li> <li>网页特效：最新最全的特效代码</li> </ul>

中国站长天空整理收集

</body> </html></textarea>

提示：您可以先修改部分代码再运行

您可能感兴趣的文章：
仿百度空间右下角悬浮窗口代码
 JS右下角悬浮广告代码的简单示例
 javascript 漂亮的网页右下角固定悬浮窗口
 js 固定悬浮效果的代码分享
 JS悬浮移动窗口(悬浮广告)的特效代码
 深入解析JavaScript操纵窗口的方法
 javascript 仿淘宝网悬停在页面固定位置的菜单窗口
 jquery.Jwin.js 基于jquery的弹出层插件代码
 CSS基本布局16例
 CSS浮动属性Float入门教程

上一篇：Div CSS制作的仿中国移动会员中心竖向三级导航菜单下一篇：javascript 删除select中重复项

[关闭]

仿百度空间右下角悬浮窗口代码

最近更新

浏览排行