网页特效
建站首页
|
广告代码
|
源码下载
|
站长工具
|
字体下载
|
网页模板
|
收藏本站
|
设为首页
网站首页
菜单导航
日期时间
背景图像
图层样式
鼠标键盘
页面窗口
色彩表格
链接文字
表单按钮
计数转换
游戏娱乐
综合实例
特效
热门搜索:
特效代码
js脚本
导航菜单
热点推荐:
英文字体
人民币汇率
dw插件
站长常用软件
alexa排名查询
您的位置:
网页特效
->
页面窗口
-> 阿里妈妈右下角弹窗效果
阿里妈妈右下角弹窗效果
作者:admin 发布时间:2010-2-7 19:53:14 发布人: admin
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"/> <meta name="robots" content="all"/> <meta name="author" content="jz123.cn"/> <title>阿里妈妈右下角弹窗,中国建站整理收集</title> <style type="text/css"> *{ margin:0; padding:0; } #downmsg_emessage{POSITION: fixed;_position:absolute; z-index:100; bottom:0;right:0; background:url(/web/20150322051759im_/http://myjs.jz123.cn/js/yemian/3442.html) 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(/web/20150322051759im_/http://myjs.jz123.cn/js/yemian/3442.html) 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(/web/20150322051759im_/http://myjs.jz123.cn/js/yemian/3442.html) 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(/web/20150322051759im_/http://myjs.jz123.cn/js/yemian/3442.html) 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"> //转载请留此信息,www.jz123.cn整理 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_jz123_cn = {}; www_jz123_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_jz123_cn.util = (function(){ var t = {}; t.addEvent = function(o,c,h){ if(www_jz123_cn.client.isIE){ o.attachEvent('on'+c,h); }else{ o.addEventListener(c,h,false); } return true; }; t.delEvent = function(o,c,h){ if(www_jz123_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_jz123_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_jz123_cn.jscload = (function(){ var t = function(){ if(!www_jz123_cn.quickload){ var cs = $t('label'); for(var i=0;i<cs.length;i++){ var ct = www_jz123_cn.util.ga(cs[i],'c_type'); if(ct){ var pe = www_jz123_cn.dom.gNxtSib(cs[i]); if(pe){ eval("new "+ct+"(pe)"); } } } } if(typeof jsconload == 'function'){ jsconload(); } www_jz123_cn.loaded = true; }; return t; })(); www_jz123_cn.jscunload = (function(){ var t = function(){ if(true){ try{ if(typeof jsconload == 'function'){ jsconunload(); } }catch(e){} } }; return t; })(); www_jz123_cn.init = (function(){ www_jz123_cn.util.addEvent(window,'load',www_jz123_cn.jscload); www_jz123_cn.util.addEvent(window,'unload',www_jz123_cn.jscunload); return true; })(); //哦啦啦,哈哈,我自己知道就行。www.jz123.cn 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_jz123_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_jz123_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"; } } //哈哈哈哈哈哈哈哈哈哈 www_jz123_cn 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_jz123_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> 支持各种浏览器的右下角弹窗,本代码来自<a href="http://web.archive.org/web/20150322051759/http://www.jz123.cn/">jz123.cn</a> <div id="downmsg_emessage" style="display:none"> <div id="downmsgBar"> <div id="donwmsg_head">系统提示信息</div> <a href="javascript:closeDiv()" class="close"></a> <a href="javascript:showHideDiv()" class="msg-hidden-btn-1" id="msg_hidden_btn"> </a> </div> <div id="donwmsg_content"> <ul> <li class="ll"><a href="http://web.archive.org/web/20150322051759/http://myjs.jz123.cn/" target="_blank">网页特效</a></li> <li><a href="http://web.archive.org/web/20150322051759/http://ad.jz123.cn/" target="_blank">大量高质量js特效和广告代码!</a></li> <li><a href="http://web.archive.org/web/20150322051759/http://jz123.cn/" target="_blank">jz123.cn</a></li> </ul> <div class="lb"> 中国建站整理收集 </div> </div> </div> </body> </html>
阿里妈妈右下角弹窗效果
将本文收藏到QQ书签与更多好友分享
上一篇:文章:
百度右下角视频弹窗代码
下一篇:文章:
纯css制作的三级导航菜单
本类浏览排行 »
搜索页面中的内容
又一款综合搜索引擎代码
标题栏显示当前时间
倒影效果的电子表,显示当前时间
自动记录当前页面最新的更新日期
JS让网页每隔2秒弹出一次对话框
一款超酷的CSS列表排行榜
鼠标悬停放大的纯CSS分页效果
本站推荐文章 »
垂直三栏自适应等高布局
仿QQ消息管理器的文本内容样式
支付宝的控制台动画效果菜单
文字、图片拖曳移动
可拉伸移动的DIV层效果
很酷的图片伸缩放大功能
较好的视觉效果的网页选项卡
CSS实例:通过定义渐变边框给图片加阴影