Akawa

ETY001的博客

发表于 更新于

鲁大学生网，前身是鲁东大学学生委员会网络信息部，这里有着我大学四年的大部分记忆，从大一加入，到大二大三工作，一直到现在大四了，即使退出管理但依旧还在关注着这个团队～一点一滴真的是在这个过程中结识了很多好朋友，学到了很多技能。我感谢这个团队，希望这个团队所向披靡～

这里就贴一段学生网正式上线时，在发布会现场放的一段视频，这里面有06级、07级学长学姐的面孔，也有我们08级的面孔，还有之后09和10级的童鞋们～

We’re all in this togther!

更多回忆，来看这里：http://sailboat.ldustu.com/2010/12/7.html

发表于 更新于

这是《jQuery入门教程笔记》的第六篇，这一篇将会作为选择器这部分的一个综合案例。对于选择器，还有几类在之前的笔记中没有提到，这些大家可以百度下，都是能百度的到的。之前笔记略过的部分有：子元素过滤选择器，表单对象属性过滤选择器，表单选择器。

现在开始这一篇的内容，这个综合案例实现的是一个导航条，效果是，单击标题时，可以伸缩导航条的内容，同时，标题中的提示图片也随之改变，另外，单击“简化”链接时，隐藏指定的内容，并将“简化”字样改变成“更多”，单击“更多”链接时，返回初始状态，并改变指定显示元素的背景色。

以下是源代码：

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
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
<!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=utf-8" />
<title>导航条在项目中的应用</title>
<script language="javascript" type="text/javascript" src="jquery-1.4.2.min.js"></script>
<style>
	body{
		font-size:13px;
	}
	#divFrame{
		border:solid 1px #666;
		width:301px;
		overflow:hidden;
	}
	#divFrame .clsHead h3{
		padding:0px;
		margin:0px;
		float:left;
	}
	#divFrame .clsHead span{
		float:right;
		margin-top:3px;
	}
	#divFrame .clsContent{
		padding:8px;
	}
	#divFrame .clsContent ul{
		list-style-type:none;
		margin:0px;
		padding:0px;
	}
	#divFrame .clsContent ul li{
		float:left;
		width:95px;
		height:23px;
		line-height:23px;
	}
	#divFrame .clsBot{
		float:right;
		padding-top:5px;
		padding-bottom:5px;
	}
	.GetFocus{
		background-color:#eee;
	}
</style>
<script type="text/javascript">
	$(function(){ //页面加载事件
		$(".clsHead").click(function(){ //图片单击事件
			if($(".clsContent").is(":visible")){ //如果内容可见
			   $(".clsHead span img")
			   .attr("src","Images/a1.gif"); //改变图片
			   //隐藏内容
			   $(".clsContent").css("display","none");
			}else{
			   $(".clsHead span img")
			   .attr("src","Images/a2.gif"); //改变图片
			   //显示内容
			   $(".clsContent").css("display","block");
			}
		});

		$(".clsBot > a").click(function(){ //热点链接单击事件
			//如果内容为“简化”字样
			if($(".clsBot > a").text() == "简化"){
				//隐藏index号大于4且不是最后一项的元素
				$("ul li:gt(4):not(:last)").hide();
				//将字符内容更改为“更多”
				$(".clsBot > a").text("更多");
			}else{
				$("ul li:gt(4):not(:last)")
				.show()
				.addClass("GetFocus");//显示所选元素且增加样式
				//将字符内容更改为“简化”
				$(".clsBot > a").text("简化");
			}
		});
	});
</script>
</head>
<body>
	<div id="divFrame">
    	<div class="clsHead">
        	<h3>图书分类</h3>
            <span><img src="Images/a2.gif" alt="" /></span>
        </div>
        <div class="clsContent">
        	<ul>
            	<li><a href="#">小说</a><i>(1110)</i></li>
                <li><a href="#">文艺</a><i>(230)</i></li>
                <li><a href="#">青春</a><i>(1430)</i></li>
                <li><a href="#">少儿</a><i>(1560)</i></li>
                <li><a href="#">生活</a><i>(870)</i></li>
                <li><a href="#">社科</a><i>(1460)</i></li>
                <li><a href="#">管理</a><i>(1450)</i></li>
                <li><a href="#">计算机</a><i>(1780)</i></li>
                <li><a href="#">教育</a><i>(930)</i></li>
                <li><a href="#">工具书</a><i>(3450)</i></li>
                <li><a href="#">引进版</a><i>(980)</i></li>
                <li><a href="#">其他类</a><i>(3230)</i></li>
            </ul>
            <div class="clsBot"><a href="#">简化</a>
            	<img src="Images/a5.gif" alt="" />
            </div>
        </div>
	</div>
</body>
</html>

发表于 更新于

1、如果一个方法能被静态，那就声明他为静态的，速度可提高1/4；

2、echo的效率高于print,因为echo没有返回值，print返回一个整型；

3、在循环之前设置循环的最大次数，而非在在循环中；

4、销毁变量去释放内存，特别是大的数组；

5、避免使用像__get, __set, __autoload等魔术方法；

6、requiere_once()比较耗资源；

阅读全文 »

发表于 更新于

test1.php文件如下:

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
33
34
35
36
37
38
39
40
41
42
function posttohost($url, $data) {
$url = parse_url($url);
if (!$url) return “couldn’t parse url”;
if (!isset($url['port'])) { $url['port'] = “”; }
if (!isset($url['query'])) { $url['query'] = “”; }
$encoded = “”;
while (list($k,$v) = each($data)) {
$encoded .= ($encoded ? “&” : “”);
$encoded .= rawurlencode($k).”=”.rawurlencode($v);
}
$fp = fsockopen($url['host'], $url['port'] ? $url['port'] : 80);
if (!$fp) return “Failed to open socket to $url[host]“;
fputs($fp, sprintf(“POST %s%s%s HTTP/1.0\n”, $url['path'], $url['query'] ? “?” : “”, $url['query']));
fputs($fp, “Host: $url[host]\n”);
fputs($fp, “Content-type: application/x-www-form-urlencoded\n”);
fputs($fp, “Content-length: ” . strlen($encoded) . “\n”);
fputs($fp, “Connection: close\n\n”);
fputs($fp, “$encoded\n”);
$line = fgets($fp,1024);
if (!eregi(“^HTTP/1\.. 200″, $line)) return;
$results = “”; $inheader = 1;
while(!feof($fp)) {
$line = fgets($fp,1024);
if ($inheader && ($line == “\n” || $line == “\r\n”)) {
   $inheader = 0;
}
elseif (!$inheader) {
   $results .= $line;
}
}
fclose($fp);
return $results;
}
$arrVal["cc"] = 88;
$strTemp = posttohost(“http://www.juuyou.com/test2.php“, $arrVal);
print_r($strTemp);
========================= 我是分隔线 ======================================
test2.php文件如下:
$intC = $_POST["cc"];
for($c=1; $c<$intC; $c++){
echo $c.”|”;
}

发表于 更新于

这是《jQuery入门教程笔记》系列5，在第5篇里面将继续讲述jQuery的选择器，这篇讲述“内容过滤选择器”，“可见性过滤选择器”，“属性过滤选择器”。

下面是内容过滤选择器的语法表格：

选择器 功能 返回值
:contains(text) 获取包含给定文本的元素 元素集合
:empty 获取所有不包含子元素或文本的空元素 元素集合
:has(selector) 获取含有选择器所匹配的元素的元素 元素集合
:parent 获取含有子元素或者文本的元素。 元素集合
阅读全文 »

发表于 更新于

这是《jQuery入门教程笔记》系列4，在第4篇里面将继续讲述jQuery的选择器，这篇讲述“基本过滤选择器”。

下面是简单过滤选择器的语法表格：

选择器 功能 返回值
first()或者:first 获取第一个元素 单个元素
last()或:last 获取最后一个元素 单个元素
:not(selector) 获取除给定选择器外的所有元素 元素集合
:even 获取所有索引值为偶数的元素，索引号从0开始 元素集合
:odd 获取所有索引值为奇数的元素，索引号从0开始 元素集合
:eq(index) 获取指定索引值的元素，索引号从0开始 元素集合
:gt(index) 获取所有大于给定索引值的元素，索引号从0开始 元素集合
:lt(index) 获取所有小于给定索引值的元素，索引号从0开始 元素集合
:header 获取所有类型的元素，如h1,h2…… 元素集合
:animated 获取正在执行动画效果的元素 元素集合

下面是示例代码，请自己调整注释符的位置来体会各种不同的选择器的效果。

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
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
    <title>chap2-4 使用jQuery基本过滤选择器</title>
    <meta http-equiv="content-type" content="text/html;charset=utf-8" />
    <meta name="generator" content="Geany 0.20" />
    <script language="javascript" type="text/javascript" src="jquery-1.6.2.min.js"></script>
    <style type="text/css">
        body{
            font-size:12px;
            text-align:center;      
        }
        div{
            width:241px;
            height:83px;
            border:solid 1px #eee;
        }
        h1{
            font-size:13px;
        }
        ul{
            list-style-type:none;
            padding:0px;
        }
        .DefClass,.NotClass{
            height:23px;
            width:60px;
            line-height:23px;
            float:left;
            border-top:solid 1px #eee;
            border-botton:solid 1px #eee;
        }
        .GetFocus{
            width:58px;border:solid 1px #666;
            background-color:#eee;
        }
        #spanMove{
            width:238px;
            height:23px;
            line-height:23px;
        }
        .clsFraA{
            width:65px;
            height:65px;
        }
        .clsFraP{
            width:45px;
            height:45px;
            background-color:#eee;
        }
        .clsFraC{
            width:25px;
            height:25px;
            background-color:#ddd;
        }
    </style>
    <script type="text/javascript">
        /**/$(function(){ //增加第一个元素的类别
            $("li:first").addClass("GetFocus");
        });
        /*$(function(){ //增加最后一个元素的类别
            $("li:last").addClass("GetFocus");
        });
        $(function(){ //增加去除所有与给定选择器匹配的元素类别
            $("li:not(.NotClass)").addClass("GetFocus");
        });
        $(function(){ //增加所有索引值为偶数的元素类别，从0开始计数
            $("li:even").addClass("GetFocus");
        });
        $(function(){ //增加所有索引值为奇数的元素类别，从0开始计数
            $("li:odd").addClass("GetFocus");
        });
        $(function(){ //增加一个给定索引值的元素类别，从0开始计数
            $("li:eq(1)").addClass("GetFocus");
        });
        $(function(){ //增加所有大于给定索引值的元素类别，从0开始计数
            $("li:gt(1)").addClass("GetFocus");
        });
        $(function(){ //增加所有小于给定索引值的元素类别，从0开始计数
            $("li:lt(4)").addClass("GetFocus");
        });
        $(function(){ //增加标题类元素类别
            $("div h1").css("width","238");
            $(":header").addClass("GetFocus");
        });
        $(function(){
            animateIt();//增加动画效果元素类别
            $("#spanMove:animated").addClass("GetFocus");
        });*/
        function animateIt() { //动画效果
            $("#spanMove").slideToggle("slow",animateIt);
        }
    </script>
</head>

<body>
    <div>
        <h1>基本过滤选择器</h1>
        <ul>
            <li class="DefClass">Item 0</li>
            <li class="DefClass">Item 1</li>
            <li class="NotClass">Item 2</li>
            <li class="DefClass">Item 3</li>
        </ul>
        <span id="spanMove">Span Move</span>
    </div>
</body>
</html>

发表于 更新于

[xiami soundfile=”http://f1.xiami.net/3180/15814/194097_32389.mp3“ autostart=”yes” loop=”yes”]彩虹 – 羽·泉[/xiami]
我的第一个Wordpress插件（Ntalker for Wordpress）正式在Wordpress官网发布啦～大家赶紧来踩踩看吧，地址是：http://wordpress.org/extend/plugins/ntalker-for-wordpress/。记得如果你觉得好的话，帮忙打个高分呀，如果你有啥想法的话，欢迎来这个页面留言：http://www.domyself.me/lab/ntalker-for-wordpress

发表于 更新于

这是《jQuery入门教程笔记》系列3，在第3篇里面将继续讲述jQuery的选择器，这篇讲述“层次选择器”。

下面是基本选择器的语法表格：

选择器 功能 返回值
ancestor descendant 根据祖先元素匹配所有的后代元素 元素集合
parent>child 根据父元素匹配所有子元素 元素集合
prev + next 匹配所有紧接在prev元素后的相邻元素 元素集合
prev ~ siblings 匹配prev元素之后的所有兄弟元素 元素集合
阅读全文 »

发表于 更新于

打豆豆游戏

[原地址]

冷笑话

吃饭睡觉打豆豆 是网络上最为流行的小笑话之一，这则笑话的具体的内容如下：

有个记者去南极采访一群企鹅

他问第一只企鹅：“你每天都干什么？”

企鹅说：“吃饭 睡觉 打豆豆！”

接着又问第2只企鹅，那只企鹅还是说：“吃饭 睡觉 打豆豆！” 记者带着困惑问其他的企鹅，答案都一样，就这样一直问了99只企鹅。

当走到第100只小企鹅旁边时，记者走过去问它：每天都做些什么啊？

那只小企鹅回答：”吃饭，睡觉．”

那人惊奇的又问：”你怎么不打豆豆？”

小企鹅撇着嘴巴，瞪了记者一眼说：”我就是豆豆！！！！”

这则小笑话无疑是令人喷饭的，但又极为简单，最令人称奇的是这个笑话本身的名字居然有着不小的影响力。在各大搜索引擎点击搜索，以它为名字的个人空间和群组不计其数，而这些个人空间和群组的用户大多数为青年学生，这是一件很值得探究的事情。这个小笑话，简简单单却又富有生趣，广大青年朋友尤其是学生们在参与以它为名字的网络群组其中时，得到的是一种带有些许童趣的单纯心境。

发表于 更新于

这是《jQuery入门教程笔记》系列2，在第2篇里面将开始讲述jQuery很重要的一种东西，那就是选择器，这篇先从基本选择器讲起。

下面是基本选择器的语法表格：

选择器 功能 返回值
#id 根据给定的ID匹配一个元素 单个元素
element 根据给定元素名匹配所有元素 元素集合
.class 根据给定的类匹配元素 元素集合
* 匹配所有元素 元素集合
selector1,selectorN 将每一个选择器匹配到的元素合并后一起返回 元素集合
阅读全文 »
0%