注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

和申的个人主页

专注于java开发,1985wanggang

 
 
 

日志

 
 

网页中加入彩蛋  

2011-12-08 19:14:58|  分类: 彩蛋 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
对于使用jquery的页面可以用下面的方式简单的加入
在页面中加入下面的代码就可以加入一个简单的彩蛋
$(document).ready(function(){    var heshenGod = {    enabled: false,    _heshenCode: Array(65,66,39,37,39,37,40,40,38,38),    initDiv: false,    tmp: Array(),    init: function() {this.tmp = Array(65,66,39,37,39,37,40,40,38,38);},    heshenCode:function(e) {     if(!this.enabled) {      var t = this.tmp.pop();            if((e.keyCode - t) == 0) {             if(this.tmp.length == 0) {          this.enabled = true;                 this.action();       }         } else {       this.init();        }      }else{      this.action();     }         },    action: function() {     if(!this.initDiv){      this.initDiv = true;      $('<div id="divPop" style="background-color:#f0f0f0;border:solid 1px #000000;width:1024px;height:150px;position:absolute;">作者:和申<br/>e-mail:<a href="mailto:1985wanggang@163.com">1985wanggang@163.com</a><br/><a href="http://1985wanggang.blog.163.com" target="_blank">我的博客:http://1985wanggang.blog.163.com</a><br/><a href="http://good.gouwuke.com" target="_blank">购物客</a><br/>2011-04-15 263编写<br/>gang.wang,yan.song,xianzeng.jiang,deliang.guo,gang.wang.fei.tian</div>').appendTo(document.body);      $("#divPop").css({left:"20px",display:""});      $("#divPop").mouseover(function(){$("#divPop").stop();$("#divPop").fadeTo("slow", 1);});      $("#divPop").mouseout(function(){$("#divPop").css("display","");$("#divPop").fadeTo("slow", 0.66);_AA_a(true);});     }           _AA_a(true);    }        };  heshenGod.init();  $(document).keydown(function(event){                              heshenGod.heshenCode(event);  });   function _AA_a(e){   if(e){    $("#divPop").animate({"opacity":"hide","top":$(window).height()-$("#divPop").height()-$("#divPop").position().top},5000,function(){$("#divPop").hide(); _AA_a(false)});   }else{      $("#divPop").animate({"opacity":"show","top":0},5000,function(){$("#divPop").fadeTo("slow", 1); _AA_a(true)});   }    } });
参考:

简单制作网页彩蛋,JavaScript实现Konami Code

  评论这张
 
阅读(696)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2016