筚路蓝缕

Javascript2009年4月17日2011年10月19日

Javascript 压缩/混淆

Dean Edwards ‘s Packer 是个非常有名的 Javascript 压缩/混淆工具 […]

Javascript2009年4月17日2011年10月19日

半角<=>全角

软件2009年4月17日2020年3月24日

查看程序用何种语言开发

用exescope看看他挂了哪几个dll文件用了什么些函数比如挂了msvbvm60的就是用vb6写的 mfc […]

UI2009年4月17日2011年10月15日

漂亮的分页样式

&lt;style&gt;ul {
	border:0;
	margin:0;
	padding:0;
}
#pagination-flickr li {
	border:0;
	margin:0;
	padding:0;
	font-size:11px;
	list-style:none;
}
#pagination-flickr a {
	border:solid 1px #DDDDDD;
	margin-right:2px;
}
#pagination-flickr .previous-off,#pagination-flickr .next-off {
	color:#666666;
	display:block;
	float:left;
	font-weight:bold;
	padding:3px 4px;
}
#pagination-flickr .next a,#pagination-flickr .previous a {
	font-weight:bold;
	border:solid 1px #FFFFFF;
}
#pagination-flickr .active {
	color:#ff0084;
	font-weight:bold;
	display:block;
	float:left;
	padding:4px 6px;
}
#pagination-flickr a:link,#pagination-flickr a:visited {
	color:#0063e3;
	display:block;
	float:left;
	padding:3px 6px;
	text-decoration:none;
}
#pagination-flickr a:hover {
	border:solid 1px #666666;
}
&lt;/style&gt;
Flickr-like pagination:
&lt;ul id="pagination-flickr"&gt;
	&lt;li class="previous-off"&gt;? Previous&lt;/li&gt;
	&lt;li class="active"&gt;1&lt;/li&gt;
	&lt;li&gt;&lt;a href="?page=2"&gt;2&lt;/a&gt;&lt;/li&gt;
	&lt;li&gt;&lt;a href="?page=3"&gt;3&lt;/a&gt;&lt;/li&gt;
	&lt;li&gt;&lt;a href="?page=4"&gt;4&lt;/a&gt;&lt;/li&gt;
	&lt;li&gt;&lt;a href="?page=5"&gt;5&lt;/a&gt;&lt;/li&gt;
	&lt;li&gt;&lt;a href="?page=6"&gt;6&lt;/a&gt;&lt;/li&gt;
	&lt;li&gt;&lt;a href="?page=7"&gt;7&lt;/a&gt;&lt;/li&gt;
	&lt;li class="next"&gt;&lt;a href="?page=2"&gt;Next ? &lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;/p&gt;
&lt;style&gt;ul {
	border:0;
	margin:0;
	padding:0;
}
#pagination-digg li {
	border:0;
	margin:0;
	padding:0;
	font-size:11px;
	list-style:none;
	margin-right:2px;
}
#pagination-digg a {
	border:solid 1px #9aafe5margin-right:2px;
}
#pagination-digg .previous-off,#pagination-digg .next-off {
	border:solid 1px #DEDEDEcolor:#888888display:block;
	float:left;
	font-weight:bold;
	margin-right:2px;
	padding:3px 4px;
}
#pagination-digg .next a,#pagination-digg .previous a {
	font-weight:bold;
}
#pagination-digg .active {
	background:#2e6ab1;
	color:#FFFFFF;
	font-weight:bold;
	display:block;
	float:left;
	padding:4px 6px;
}
#pagination-digg a:link,#pagination-digg a:visited {
	color:#0e509edisplay:block;
	float:left;
	padding:3px 6px;
	text-decoration:none;
}
#pagination-digg a:hover {
	border:solid 1px #0e509e
}
&lt;/style&gt;
Digg-like pagination:
&lt;ul id="pagination-digg"&gt;
	&lt;li class="previous-off"&gt;? Previous&lt;/li&gt;
	&lt;li class="active"&gt;1&lt;/li&gt;
	&lt;li&gt;&lt;a href="?page=2"&gt;2&lt;/a&gt;&lt;/li&gt;
	&lt;li&gt;&lt;a href="?page=3"&gt;3&lt;/a&gt;&lt;/li&gt;
	&lt;li&gt;&lt;a href="?page=4"&gt;4&lt;/a&gt;&lt;/li&gt;
	&lt;li&gt;&lt;a href="?page=5"&gt;5&lt;/a&gt;&lt;/li&gt;
	&lt;li&gt;&lt;a href="?page=6"&gt;6&lt;/a&gt;&lt;/li&gt;
	&lt;li&gt;&lt;a href="?page=7"&gt;7&lt;/a&gt;&lt;/li&gt;
	&lt;li class="next"&gt;&lt;a href="?page=2"&gt;Next ? &lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;/p&gt;
&lt;style&gt;ul {
	border:0;
	margin:0;
	padding:0;
}
#pagination-clean li {
	border:0;
	margin:0;
	padding:0;
	font-size:11px;
	list-style:none;
}
#pagination-clean li,#pagination-clean a {
	border:solid 1px #DEDEDEmargin-right:2px;
}
#pagination-clean .previous-off,#pagination-clean .next-off {
	color:#888888display:block;
	float:left;
	font-weight:bold;
	padding:3px 4px;
}
#pagination-clean .next a,#pagination-clean .previous a {
	font-weight:bold;
	border:solid 1px #FFFFFF;
}
#pagination-clean .active {
	color:#00000font-weight:bold;
	display:block;
	float:left;
	padding:4px 6px;
}
#pagination-clean a:link,#pagination-clean a:visited {
	color:#0033CCdisplay:block;
	float:left;
	padding:3px 6px;
	text-decoration:none;
}
#pagination-clean a:hover {
	text-decoration: none;
}
&lt;/style&gt;
Clean pagination style:
&lt;ul id="pagination-clean"&gt;
	&lt;li class="previous-off"&gt;? Previous&lt;/li&gt;
	&lt;li class="active"&gt;1&lt;/li&gt;
	&lt;li&gt;&lt;a href="?page=2"&gt;2&lt;/a&gt;&lt;/li&gt;
	&lt;li&gt;&lt;a href="?page=3"&gt;3&lt;/a&gt;&lt;/li&gt;
	&lt;li&gt;&lt;a href="?page=4"&gt;4&lt;/a&gt;&lt;/li&gt;
	&lt;li&gt;&lt;a href="?page=5"&gt;5&lt;/a&gt;&lt;/li&gt;
	&lt;li&gt;&lt;a href="?page=6"&gt;6&lt;/a&gt;&lt;/li&gt;
	&lt;li&gt;&lt;a href="?page=7"&gt;7&lt;/a&gt;&lt;/li&gt;
	&lt;li class="next"&gt;&lt;a href="?page=2"&gt;Next ? &lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

<style>ul {

border:0;

margin:0;

padding:0;

}

#pagination-flickr li {

border:0;

margin:0;

padding:0;

font-size:11px;

list-style:none;

}

#pagination-flickr a {

border:solid 1px #DDDDDD;

margin-right:2px;

}

#pagination-flickr .previous-off,#pagination-flickr .next-off {

color:#666666;

display:block;

float:left;

font-weight:bold;

padding:3px 4px;

}

#pagination-flickr .next a,#pagination-flickr .previous a {

font-weight:bold;

border:solid 1px #FFFFFF;

}

#pagination-flickr .active {

color:#ff0084;

font-weight:bold;

display:block;

float:left;

padding:4px 6px;

}

#pagination-flickr a:link,#pagination-flickr a:visited {

color:#0063e3;

display:block;

float:left;

padding:3px 6px;

text-decoration:none;

}

#pagination-flickr a:hover {

border:solid 1px #666666;

}

</style>

Flickr-like pagination:

<li class="previous-off">? Previous</li>

</ul>

<p></p>

<style>ul {

border:0;

margin:0;

padding:0;

}

#pagination-digg li {

border:0;

margin:0;

padding:0;

font-size:11px;

list-style:none;

margin-right:2px;

}

#pagination-digg a {

border:solid 1px #9aafe5margin-right:2px;

}

#pagination-digg .previous-off,#pagination-digg .next-off {

border:solid 1px #DEDEDEcolor:#888888display:block;

float:left;

font-weight:bold;

margin-right:2px;

padding:3px 4px;

}

#pagination-digg .next a,#pagination-digg .previous a {

font-weight:bold;

}

#pagination-digg .active {

background:#2e6ab1;

color:#FFFFFF;

font-weight:bold;

display:block;

float:left;

padding:4px 6px;

}

#pagination-digg a:link,#pagination-digg a:visited {

color:#0e509edisplay:block;

float:left;

padding:3px 6px;

text-decoration:none;

}

#pagination-digg a:hover {

border:solid 1px #0e509e

}

</style>

Digg-like pagination:

<li class="previous-off">? Previous</li>

</ul>

<p></p>

<style>ul {

border:0;

margin:0;

padding:0;

}

#pagination-clean li {

border:0;

margin:0;

padding:0;

font-size:11px;

list-style:none;

}

#pagination-clean li,#pagination-clean a {

border:solid 1px #DEDEDEmargin-right:2px;

}

#pagination-clean .previous-off,#pagination-clean .next-off {

color:#888888display:block;

float:left;

font-weight:bold;

padding:3px 4px;

}

#pagination-clean .next a,#pagination-clean .previous a {

font-weight:bold;

border:solid 1px #FFFFFF;

}

#pagination-clean .active {

color:#00000font-weight:bold;

display:block;

float:left;

padding:4px 6px;

}

#pagination-clean a:link,#pagination-clean a:visited {

color:#0033CCdisplay:block;

float:left;

padding:3px 6px;

text-decoration:none;

}

#pagination-clean a:hover {

text-decoration: none;

}

</style>

Clean pagination style:

<li class="previous-off">? Previous</li>

</ul>

UI2009年4月17日2011年10月15日

彩色CSS按钮

&lt;style&gt;.btn {
	BORDER-RIGHT:#7b9ebd 1px solid;
	PADDING-RIGHT:2px;
	BORDER-TOP:#7b9ebd 1px solid;
	PADDING-LEFT:2px;
	FONT-SIZE:12px;
	FILTER:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff,EndColorStr=#cecfde);
	BORDER-LEFT:#7b9ebd1px solid;
	CURSOR:hand;
	COLOR:black;
	PADDING-TOP:2px;
	BORDER-BOTTOM:#7b9ebd 1px solid
}
.btn1_mouseout {
	BORDER-RIGHT:#7EBF4F 1px solid;
	PADDING-RIGHT:2px;
	BORDER-TOP:#7EBF4F 1px solid;
	PADDING-LEFT:2px;
	FONT-SIZE:12px;
	FILTER:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff,EndColorStr=#B3D997);
	BORDER-LEFT:#7EBF4F1px solid;
	CURSOR:hand;
	COLOR:black;
	PADDING-TOP:2px;
	BORDER-BOTTOM:#7EBF4F 1px solid
}
.btn1_mouseover {
	BORDER-RIGHT:#7EBF4F 1px solid;
	PADDING-RIGHT:2px;
	BORDER-TOP:#7EBF4F 1px solid;
	PADDING-LEFT:2px;
	FONT-SIZE:12px;
	FILTER:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff,EndColorStr=#CAE4B6);
	BORDER-LEFT:#7EBF4F1px solid;
	CURSOR:hand;
	COLOR:black;
	PADDING-TOP:2px;
	BORDER-BOTTOM:#7EBF4F 1px solid
}
.btn2 {
	padding:2 4 04;
	font-size:12px;
	height:23;
	background-color:#ece9d8;
	border-width:1;
}
.btn3_mouseout {
	BORDER-RIGHT:#2C59AA 1px solid;
	PADDING-RIGHT:2px;
	BORDER-TOP:#2C59AA 1px solid;
	PADDING-LEFT:2px;
	FONT-SIZE:12px;
	FILTER:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff,EndColorStr=#C3DAF5);
	BORDER-LEFT:#2C59AA1px solid;
	CURSOR:hand;
	COLOR:black;
	PADDING-TOP:2px;
	BORDER-BOTTOM:#2C59AA 1px solid
}
.btn3_mouseover {
	BORDER-RIGHT:#2C59AA 1px solid;
	PADDING-RIGHT:2px;
	BORDER-TOP:#2C59AA 1px solid;
	PADDING-LEFT:2px;
	FONT-SIZE:12px;
	FILTER:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff,EndColorStr=#D7E7FA);
	BORDER-LEFT:#2C59AA1px solid;
	CURSOR:hand;
	COLOR:black;
	PADDING-TOP:2px;
	BORDER-BOTTOM:#2C59AA 1px solid
}
.btn3_mousedown {
	BORDER-RIGHT:#FFE400 1px solid;
	PADDING-RIGHT:2px;
	BORDER-TOP:#FFE400 1px solid;
	PADDING-LEFT:2px;
	FONT-SIZE:12px;
	FILTER:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff,EndColorStr=#C3DAF5);
	BORDER-LEFT:#FFE4001px solid;
	CURSOR:hand;
	COLOR:black;
	PADDING-TOP:2px;
	BORDER-BOTTOM:#FFE400 1px solid
}
.btn3_mouseup {
	BORDER-RIGHT:#2C59AA 1px solid;
	PADDING-RIGHT:2px;
	BORDER-TOP:#2C59AA 1px solid;
	PADDING-LEFT:2px;
	FONT-SIZE:12px;
	FILTER:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff,EndColorStr=#C3DAF5);
	BORDER-LEFT:#2C59AA1px solid;
	CURSOR:hand;
	COLOR:black;
	PADDING-TOP:2px;
	BORDER-BOTTOM:#2C59AA 1px solid
}
.btn_2k3 {
	BORDER-RIGHT:#002D96 1px solid;
	PADDING-RIGHT:2px;
	BORDER-TOP:#002D96 1px solid;
	PADDING-LEFT:2px;
	FONT-SIZE:12px;
	FILTER:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFFFFF,EndColorStr=#9DBCEA);
	BORDER-LEFT:#002D961px solid;
	CURSOR:hand;
	COLOR:black;
	PADDING-TOP:2px;
	BORDER-BOTTOM: #002D96 1px solid
}
&lt;/style&gt;
&lt;body&gt;
&lt;button class='btn'&gt;Button&lt;/button&gt;
&lt;p&gt;
&lt;/p&gt;
&lt;button class='btn1_mouseout' onmouseover="this.className='btn1_mouseover'"onmouseout="this.className='btn1_mouseout'"&gt;Button&lt;/button&gt;
&lt;button class='btn1_mouseout' onmouseover="this.className='btn1_mouseover'"onmouseout="this.className='btn1_mouseout'" disabled&gt;Button&lt;/button&gt;
&lt;p&gt;
	&lt;button class='btn2'&gt;Button&lt;/button&gt;
&lt;/p&gt;
&lt;p&gt;
	&lt;button class='btn3_mouseoutonmouseover="this.className='btn3_mouseover'"onmouseout="this.className='btn3_mouseout'"onmousedown="this.className='btn3_mousedown'"onmouseup="this.className='btn3_mouseup'"' onclick="this.blur();"&gt;Button&lt;/button&gt;
&lt;/p&gt;
&lt;p&gt;
	&lt;button class='btn_2k3'&gt;2k3 Button&lt;/button&gt;
&lt;/p&gt;
&lt;/body&gt;

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

<style>.btn {

BORDER-RIGHT:#7b9ebd 1px solid;

PADDING-RIGHT:2px;

BORDER-TOP:#7b9ebd 1px solid;

PADDING-LEFT:2px;

FONT-SIZE:12px;

FILTER:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff,EndColorStr=#cecfde);

BORDER-LEFT:#7b9ebd1px solid;

CURSOR:hand;

COLOR:black;

PADDING-TOP:2px;

BORDER-BOTTOM:#7b9ebd 1px solid

}

.btn1_mouseout {

BORDER-RIGHT:#7EBF4F 1px solid;

PADDING-RIGHT:2px;

BORDER-TOP:#7EBF4F 1px solid;

PADDING-LEFT:2px;

FONT-SIZE:12px;

FILTER:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff,EndColorStr=#B3D997);

BORDER-LEFT:#7EBF4F1px solid;

CURSOR:hand;

COLOR:black;

PADDING-TOP:2px;

BORDER-BOTTOM:#7EBF4F 1px solid

}

.btn1_mouseover {

BORDER-RIGHT:#7EBF4F 1px solid;

PADDING-RIGHT:2px;

BORDER-TOP:#7EBF4F 1px solid;

PADDING-LEFT:2px;

FONT-SIZE:12px;

FILTER:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff,EndColorStr=#CAE4B6);

BORDER-LEFT:#7EBF4F1px solid;

CURSOR:hand;

COLOR:black;

PADDING-TOP:2px;

BORDER-BOTTOM:#7EBF4F 1px solid

}

.btn2 {

padding:2 4 04;

font-size:12px;

height:23;

background-color:#ece9d8;

border-width:1;

}

.btn3_mouseout {

BORDER-RIGHT:#2C59AA 1px solid;

PADDING-RIGHT:2px;

BORDER-TOP:#2C59AA 1px solid;

PADDING-LEFT:2px;

FONT-SIZE:12px;

FILTER:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff,EndColorStr=#C3DAF5);

BORDER-LEFT:#2C59AA1px solid;

CURSOR:hand;

COLOR:black;

PADDING-TOP:2px;

BORDER-BOTTOM:#2C59AA 1px solid

}

.btn3_mouseover {

BORDER-RIGHT:#2C59AA 1px solid;

PADDING-RIGHT:2px;

BORDER-TOP:#2C59AA 1px solid;

PADDING-LEFT:2px;

FONT-SIZE:12px;

FILTER:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff,EndColorStr=#D7E7FA);

BORDER-LEFT:#2C59AA1px solid;

CURSOR:hand;

COLOR:black;

PADDING-TOP:2px;

BORDER-BOTTOM:#2C59AA 1px solid

}

.btn3_mousedown {

BORDER-RIGHT:#FFE400 1px solid;

PADDING-RIGHT:2px;

BORDER-TOP:#FFE400 1px solid;

PADDING-LEFT:2px;

FONT-SIZE:12px;

FILTER:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff,EndColorStr=#C3DAF5);

BORDER-LEFT:#FFE4001px solid;

CURSOR:hand;

COLOR:black;

PADDING-TOP:2px;

BORDER-BOTTOM:#FFE400 1px solid

}

.btn3_mouseup {

BORDER-RIGHT:#2C59AA 1px solid;

PADDING-RIGHT:2px;

BORDER-TOP:#2C59AA 1px solid;

PADDING-LEFT:2px;

FONT-SIZE:12px;

FILTER:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff,EndColorStr=#C3DAF5);

BORDER-LEFT:#2C59AA1px solid;

CURSOR:hand;

COLOR:black;

PADDING-TOP:2px;

BORDER-BOTTOM:#2C59AA 1px solid

}

.btn_2k3 {

BORDER-RIGHT:#002D96 1px solid;

PADDING-RIGHT:2px;

BORDER-TOP:#002D96 1px solid;

PADDING-LEFT:2px;

FONT-SIZE:12px;

FILTER:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFFFFF,EndColorStr=#9DBCEA);

BORDER-LEFT:#002D961px solid;

CURSOR:hand;

COLOR:black;

PADDING-TOP:2px;

BORDER-BOTTOM: #002D96 1px solid

}

</style>

<body>

<button class='btn'>Button</button>

<p>

</p>

<button class='btn1_mouseout' onmouseover="this.className='btn1_mouseover'"onmouseout="this.className='btn1_mouseout'">Button</button>

<button class='btn1_mouseout' onmouseover="this.className='btn1_mouseover'"onmouseout="this.className='btn1_mouseout'" disabled>Button</button>

<p>

<button class='btn2'>Button</button>

</p>

<p>

<button class='btn3_mouseoutonmouseover="this.className='btn3_mouseover'"onmouseout="this.className='btn3_mouseout'"onmousedown="this.className='btn3_mousedown'"onmouseup="this.className='btn3_mouseup'"' onclick="this.blur();">Button</button>

</p>

<p>

<button class='btn_2k3'>2k3 Button</button>

</p>

</body>

ASP.NET2009年4月17日2011年10月19日

利用cloudflare worker搭建在线代理—-jsproxy

利用Dnsmasq来搭建一个属于自己的本地DNS服务器

证书格式简介及不同格式之间的转换方式

将被O2O模式改造的6大行业：衣食住行、变美、咨询

适合小型开发团队使用的免费源代码托管服务网站

几个专业的问卷调查网站的评测

Javascript 压缩/混淆

半角<=>全角

查看程序用何种语言开发

漂亮的分页样式

彩色CSS按钮

.NET开发问题总结

破解无线上网密码无线WPA密码破解

创建数据库步骤

批量替换

什么是动态语言

VS2008中开发智能设备程序的一些总结收藏

IP被封?教你两招修改网卡MAC地址

RubyOnRails安装配置

RubyOnRails学习

Long 和long的区别

Spring事务配置

Tomcat访问网络映射驱动器被windows2003限制

数字小键盘的灯不再熄灭

标签循环标记

关于JSP EL

lang包的函数

属性文件读取

xml文件操作小结

使用SQLServer Express：该用户与可信 SQL Server 连接无关联

PHP Unable to Connect to MS SQL Server Express Edition