博客

帮激活 Office 2013，要激活的回复本博文，附上你的九组 ID，我将在双休日晚回复在本页面。如需邮件通知请附上你的 E-mail。不过希望各位激活完了可以多多访问我的博客 :)
P.S. 留邮箱的附通话录音

天哪。。我不说什么了

可以使用jQuery的attr()函数，请看下面的例子：

1

<img id="my_image" src="first.jpg"/>

jQuery改变src:

1

$("#my_image").attr("src","second.jpg");

绑定onclick事件:

1
2
3

$("#my_image").click( function() {
      $("#my_image").attr("src","second.jpg");
});

单机更改图片:

1
2
3
4
5
6

$("img").click( function() {
      var src = ($(this).attr("src") === "img1_on.jpg")
                    ? "img2_on.jpg" 
                    : "img1_on.jpg";
      $(this).attr("src", src);
});

ngx_http_autoindex_module 此模块用于自动生成目录列表，ngx_http_autoindex_module只在 ngx_http_index_module模块未找到索引文件时发出请求.

nginx默认是不允许列出整个目录的。

开启目录列表：
打开nginx.conf文件，在location server 或 http段中加入

1

autoindex on;

具体：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32

http {
    include       mime.types;
    default_type  application/octet-stream;

    autoindex on;//自动显示目录
    autoindex_exact_size off;//人性化方式显示文件大小否则以byte显示
    autoindex_localtime on;//按服务器时间显示，否则以gmt时间显示

    server_names_hash_bucket_size 128;
    client_header_buffer_size 32k;
    large_client_header_buffers 4 32k;
    client_max_body_size 8m;
    limit_zone one $binary_remote_addr 32k;

    sendfile        on;
    tcp_nopush     on;

    keepalive_timeout  60;
    tcp_nodelay on;

    gzip  on;
    gzip_min_length  1k;
    gzip_buffers     4 16k;
    gzip_http_version 1.0;
    gzip_comp_level 2;
    gzip_types       text/plain application/x-javascript text/css application/xml;
    gzip_vary on;

    log_format  wwwlogs  '$remote_addr - $remote_user [$time_local] $request $status $body_bytes_sent $http_referer $http_user_agent $http_x_forwarded_for';
    #include default.conf;
    include vhost/*.conf;
}

另外两个参数最好也加上去:

1

autoindex_exact_size off;

默认为on，显示出文件的确切大小，单位是bytes。
改为off后，显示出文件的大概大小，单位是kB或者MB或者GB

1

autoindex_localtime on;

默认为off，显示的文件时间为GMT时间。
改为on后，显示的文件时间为文件的服务器时间

配置Nginx目录列表的方法详细参照:http://wiki.nginx.org/NginxChsHttpAutoindexModule

如果想希望目录列表支持header,footer则可以安装三方插件: http://wiki.nginx.org/NginxNgxFancyIndex

　　同学们好，相信各位作为当今这个信息时代中的一员，家中必定会有一台或者多台计算机以及各种可接入互联网的智能终端，就像手机、平板电脑、智能电视等等。于是，就有不少的专家与老一辈的人们担心我们太多依赖电脑会让大脑萎缩甚至导致某些技能丧失。
　　但我们会看见在互联网普及的今天，大家拥有丰富的网络资源，许多大学生写作业、写论文都是从网上找资料，很少独立思考。长此以往，在这方面独立思考的能力也开始下降，一旦遇到问题就上搜索引擎找答案、找方法。Bill Deller 还曾在《纽约时报》上写过一篇专栏文章，担心她 13 岁的女儿上 Facebook 会让她心智衰退。难道科技真的会让大脑萎缩？
　　个人认为，科技发展并未让大脑萎缩，就像你不能说一个在写作方面没有思考的人，在开发游戏或其他方面就没有思考。如果一个人在任何一方面都没有思考，只能说他本身就缺乏思考能力或者懒于思考，而不能归罪于科技发展。而上 Facebook 会让心智退化这回事，更是杞人忧天，在更大的社交平台上，可以开阔眼界，锻炼判断能力和独立意识。
　　那么，科技发展会让人丧失技能？的确，科技发展确实会让人丧失某些技能。比如最开始电脑出现的时候，我们用它来计算和处理数据、账务，于是我们的计算能力出现退化；当习惯于电脑打字以后，偶尔会忘记某个汉字怎么写；过度依赖在线翻译词典以后，也忘了许多单词；GPS 出现以后，认路能力也可能会退化。
　　不可否认，科技让我们丧失了许多技能，但自然法则就是优胜劣汰，在整个自然界，适者生存。而在单个人身上，同样如此，适应社会发展的技能才应该延续，跟不上步伐的就应该淘汰。这本身就是一个能力从低级走向高级、从费时费力到省心省力的过程。
　　而科技媒体 Business Insider 曾写过一篇文章，《科技如何改变大脑》，其中一个观点让我很是赞同：科技改变了大脑，确实让我们丧失了某方面的能力，但却为我们腾出更多时间与精力去释放我们的激情和追求梦想，更多的投入到精力所需要的地方，而不是固守以前所需要的能力。
　　综上，我们应该把精力用到计算机无法替代的技能上。
　　所以问题不在科技，而在于人们自身对科技的态度。科技把人们从耕地和工厂里解放出来，科技也让人们享受了更多的信息，让人们有更多时间和精力去做更有意义的事情。我们不必去惋惜失去的技能。而是当这些技能被更高级方法替代以后，去发展当下和今后所需要的技能，更重要是发展那些机器所无法替代的技能。
　　最后，我想说，我们不必固守以往技能，也不必担心大脑衰退，这一面衰退，那一面就会进步，谁能说得清未来我们是否可以完全不用写字，完全不用记单词，完全不用翻译。把空出来的时间和精力投入到现在和未来所需要的技能当中。世间万物都有它的两面性，看你怎么用。比如同样是一把枪，有人用来救人，有人用来犯罪，科技也会产生正负两种效应，但我们要做的只是抱着正确的态度做有意义的事情。
演讲稿

Windows 7 及更高版本的系统已经不再自带这个游戏了，要玩的自己下载吧
（不知道是什么游戏？看名字，你懂的 = =）
下载：Pinball

使用起来不难，相信里面写的这句话各位应该看得懂 = =

效果

鼠标滚轮放大缩小截得图片

可选代码类型

单击可复制

戳这里下载：Plastiliq PixelPicker 1.2.7

搭了个 vpn，用来打电话，+44800188354，你们懂的，不懂的戳进来看图。。。

阅读全文

1
2
3
4
5
6
7
8
9
10
11
12

<div id="menu">
    <ul>
        <li><a href="#">首页</a></li>
        <li><a href="#">新闻</a></li>
        <li><a href="#">财经</a></li>
        <li><a href="#">汽车</a></li>
        <li><a href="#">手机</a></li>
        <li><a href="#">体育</a></li>
        <li><a href="#">游戏</a></li>
        <li><a href="#">论坛</a></li>
    </ul>
</div>

这样就会列出导航菜单来，但是是纵向的，下面我们来调节一下样式：①去掉li前面的圆点②设置成横向③字体样式和间距④去除超链接下划线

1
2
3
4
5
6
7
8
9
10
11
12
13
14

<style type="text/css">
    #menu ul li
    {
        list-style: none;
        float: left;
        width: 85px;
        font-family: 微软雅黑;
        font-size: x-large;
    }
    #menu ul li a
    {
        text-decoration: none;
    }
</style>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

<script type="text/javascript">
$(document).ready(function()         
{
alert($(window).height()); //浏览器当前窗口可视区域高度
alert($(document).height()); //浏览器当前窗口文档的高度
alert($(document.body).height());//浏览器当前窗口文档body的高度
alert($(document.body).outerHeight(true));//浏览器当前窗口文档body的总高度 包括border padding margin
alert($(window).width()); //浏览器当前窗口可视区域宽度
alert($(document).width());//浏览器当前窗口文档对象宽度
alert($(document.body).width());//浏览器当前窗口文档body的高度
alert($(document.body).outerWidth(true));//浏览器当前窗口文档body的总宽度 包括border padding margin
alert(screen.height);//显示器分辨率，只能用JavaScript代码获取
alert(screen.width);
})
</script>

网页可见区域宽： document.body.clientWidth
网页可见区域高： document.body.clientHeight
网页可见区域宽： document.body.offsetWidth (包括边线的宽)
网页可见区域高： document.body.offsetHeight (包括边线的高)
网页正文全文宽： document.body.scrollWidth
网页正文全文高： document.body.scrollHeight
网页被卷去的高： document.body.scrollTop
网页被卷去的左： document.body.scrollLeft
网页正文部分上： window.screenTop
网页正文部分左： window.screenLeft
屏幕分辨率的高： window.screen.height
屏幕分辨率的宽： window.screen.width
屏幕可用工作区高度： window.screen.availHeight
屏幕可用工作区宽度： window.screen.availWidth

经过反复试验，发现hr其实是个框。所以，我们把它当做一个框来处理就可以了。
可是又经过反复试验以后，发现设置background-color的方法在IE下无效，所以只能选择设置border，这是在FF、IE、Chrome下通用的方法。
以下给出代码：

1
2
3
4
5

hr{
	border:none;
	border-top:1px solid red;
	height:0;
}