Archive for the ‘web’ Category

Google吃豆人游戏的杯具:浪费全球482万工时

星期三, 六月 2nd, 2010

这个真有意思 哈哈

我跟越 还2个人一起双人玩。。
比单人简单多了。
还想玩。。。 不过找不到页面了
Google为纪念经典游戏PAC-MAN(吃豆人)30周年而于上周五推出的Doodle大受欢迎,有人评论说“吃豆人”毁掉了数百万美元的生产力,然而Rescuetime的统计显示,不是数百万而是一亿多美元。 多数人都是把Google作为一个跳板,一种导航工具,因此在Google搜索页面停留的时间很短,至多十几秒钟。但当PAC-MAN推出之后,Google全球的数亿用户中,有一部分人可能会在主页停留更长时间去玩吃豆人游戏。

Rescuetime对比了PAC-MAN日与过去周五的流量差异,发现了明显区别。Rescuetime选择了一个随机子集,共包含11000余人,他们停留在Google主页上的时间达到了3百万秒,平均每位用户在Google.com上多停留了36秒。根据Wolfram Alpha的Google 流量统计,5月23日Google的全球独立访问用户为504,703,000,以此计算PAC-MAN浪费了全球4,819,352工时,以每小时25美元计算,总共浪费了120,483,800美元。这笔钱足以雇用Google所有的19,835名员工,包括Larry和Sergey,为你工作6周的时间。

笑谈QQmail的大容量

星期四, 五月 20th, 2010

QQ邮箱正可谓巨大。。
大到了。。就想我的硬盘一般。。。
如此存放EMAIL 。。。
要放到啥时候才能满
邮箱容量:128G (已使用1.33G,1%)
受诱惑了吧。
(全文…)

css3字体阴影text shadow

星期二, 四月 13th, 2010

text-shadow基本语法

text-shadownone | <length> none | [<shadow>, ] * <shadow>none | <color> [, <color> ]*
: 指定颜色。
: 由浮点数字和单位标识符组成的长度值。可为负值。指定阴影的水平延伸距离。
: 由浮点数字和单位标识符组成的长度值。不可为负值。 指定模糊效果的作用距离。如果你仅仅需要模糊效果,将前两个 length 全部设定为 0 。请参阅 长度单位。

.text_shadow{
    width:200px; 
    padding:40px 20px; 
    background:#a0b3d6; 
    text-shadow:2px 2px 1px white;
}

下面是一个火焰字体的效果

#xibit{ padding-top:10px;text-align:center;text-shadow:0 0 4px white, 0 -5px 4px #FFFF33, 2px -10px 6px #FFDD33, 2px -15px 11px #FF8800, 2px -15px 10px #FF2200;color:#000; font-size:24px;font-family:"微软雅黑","宋体",Geneva, sans-serif;}

jQuery的Ajax使用笔记 转

星期三, 三月 17th, 2010

jquery
1、代码简练、语义易懂、学习快速、文档丰富。
2、jQuery是一个轻量级的脚本,其代码非常小巧,最新版的java script包只有20K左右。
3、jQuery支持CSS1-CSS3,以及基本的xPath。
4、jQuery是跨浏览器的,它支持的浏览器包括IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+。
5、可以很容易的为jQuery扩展其他功能。
6、能将JS代码和HTML代码完全分离,便于代码和维护和修改。
7、插件丰富,除了jQuery本身带有的一些特效外,可以通过插件实现更多功能,如表单验证、tab导航、拖放效果、表格排序、
DataGrid,树形菜单、图像特效以及ajax上传等。
jQuery的设计会改变你写java script代码的方式,降低你学习使用JS操作网页的复杂度,提高网页JS开发效率,无论对于js初学者还
是资深专家,jQuery都将是您的首选。
jQuery适合于设计师、开发者以及那些还好者,同样适合用于商业开发,可以说jQuery适合任何java script应用的地方,可用于不同
的Web应用程序中。
(全文…)

一个jquery-ajax post例子ajax 登陆

星期三, 三月 17th, 2010

这个例子网上应该满多的
学习笔记 转载
index.html文件

<html> 
<head> 
<title>jQuery Ajax 实例演示</title> 
</head> 
<script src="./js/jquery.js" type="text/java script"></script>  
<script type="text/java script">
$(document).ready(function(){//这个就是jQueryready  ,它就像C语言的main 所有操作包含在它里面
    $("#button_login").mousedown(function(){ 
   login(); //点击ID为"button_login"的按钮后触发函数 login();
    });
});
function login(){ //函数 login();
 var username = $("#username").val();//取框中的用户名
 var password = $("#password").val();//取框中的密码
 $.ajax({ //一个Ajax过程  
   type: "post",  //以post方式与后台沟通
   url : "login.php", //与此php页面沟通
   dataType:'json',//从php返回的值以 JSON方式 解释
   data:  'username='+username+'&password='+password, //发给php的数据有两项,分别是上面传来的u和p   
   success: function(json){//如果调用php成功
 
                        //alert(json.username+'\n'+json.password); //把php中的返回值(json.username)给 alert出来
 
   $('#result').html("姓名:" + json.username + "<br/>密码:" + json.password); //把php中的返回值显示在预定义的result
定位符位置 
 
 
                          }   
           });
 
 
 
  //$.post()方式:  
  $('#test_post').mousedown(function (){  
    $.post(  
      'login.php',  
      {  
        username:$('#username').val(),  
        password:$('#password').val() 
      },  
      function (data) //回传函数  
      {  
        var myjson='';  
        eval('myjson=' + data + ';');  
        $('#result').html("姓名1:" + myjson.username + "<br/>密码1:" + myjson.password);  
      }  
    );  
   }); 
 
 
 
  //$.get()方式:  
  $('#test_get').mousedown(function ()  
  {  
    $.get(  
      'login.php',  
      {  
        username:$('#username').val(),  
        password:$('#password').val() 
      },  
      function(data) //回传函数  
      {  
        var myjson='';  
        eval("myjson=" + data + ";");  
        $('#result').html("姓名2:" + myjson.username + "<br/>密码2:" + myjson.password);   
      }  
    );  
  });  
 
 
 
 
 }
</script>
<body> 
 <div id="result" style="background:orange;border:1px solid red;width:300px;height:200px;"></div> 
 
  <form id="formtest" action="" method="post"> 
 
    <p><span>输入姓名:</span><input type="text" name="username" id="username" /></p> 
    <p><span>输入密码:</span><input type="text" name="password" id="password" /></p> 
  </form> 
  <button id="button_login">ajax提交</button> 
 
  <button id="test_post">post提交</button> 
 
  <button id="test_get">get提交</button> 
 
 
 
</body> 
</html>

login.php文件

<?php
echo json_encode(array ('username'=>$_REQUEST['username'],'password'=>$_REQUEST['password']));
?>

看到5SING换了新的特效插件highslide

星期五, 三月 12th, 2010

觉得挺漂亮的
支持相册/图片 HTML 等

目前支持的游览器情况

IE 5.5 – 8.0
Firefox 1.5 – 3.5
Opera 8.5 – 10.5
Netscape 7.2
Safari 2.0 – 4.0 on Mac, 3.0 – 4.0 on Windows
Google Chrome
Konqueror 3.5

(全文…)

CSS防止图片过大而撑破网页

星期三, 二月 10th, 2010

部分文章内容过大
防止DIV 错位
在supersite的CSS里找到的

#textbody img{ width: expression(this.width > 580 ? 580: true); max-width: 580px;  }

GOOGLE真的会撤出中国吗?

星期四, 一月 14th, 2010

今天逛论坛
看到说GOOGLE要撤出中国
难以置信
立即GOOGLE搜索了下
相关的内容出现了不少
出大事了
(全文…)

Google纪念牛顿logo设计掉苹果的苹果树

星期一, 一月 4th, 2010

GOOGLE 的LOGO 越来越有意思了
今天打开谷歌,几秒钟之后,苹果树LOGO上的一个苹果掉了下来
点上去才知道
艾萨克·牛顿出生于1964年1月4日,
今天正好是他的生日,
google为了纪念艾萨克·牛顿的诞辰,设计了这个 苹果LOGO
(全文…)

服务器硬盘损坏-数据丢失

星期一, 一月 4th, 2010

以后买空间一定要慎重
个人站长不容易。维护了2年的网站。就这样丢失了
(全文…)