1.通过window.open函数

<div onclick="window.open('http://www.kison.cn')">在新窗口跳转至</div>
<div onclick="window.open('http://www.kison.cn','_self')">在当前窗口跳转至</div>

2.通过window.location.href函数

<div onclick="window.location.href= 'http://www.kison.cn';return false">在当前窗口跳转</div>

Tags ： div加链接

自国内知乎出名后问答程序被广泛关注，当然，这依然不是国内人发明的，提到问答程序，大家或许会想到Wecenter、Tipask，这些都是相对比较成熟的问答程序，今天发现一个小巧的问答程序，干净急简。

More »

Tags ： 问答程序, cpf

如果被封挨个尝试，16年11月份更新

—– BEGIN LICENSE —–
Andrew Weber
Single User License
EA7E-855605
813A03DD 5E4AD9E6 6C0EEB94 BC99798F
942194A6 02396E98 E62C9979 4BB979FE
91424C9D A45400BF F6747D88 2FB88078
90F5CC94 1CDC92DC 8457107A F151657B
1D22E383 A997F016 42397640 33F41CFC
E1D0AE85 A0BBD039 0E9C8D55 E1B89D5D
5CDB7036 E56DE1C0 EFCC0840 650CD3A6
B98FC99C 8FAC73EE D2B95564 DF450523
    —— END LICENSE ——
 
—– BEGIN LICENSE —–
Michael Barnes
Single User License
EA7E-821385
8A353C41 872A0D5C DF9B2950 AFF6F667
C458EA6D 8EA3C286 98D1D650 131A97AB
AA919AEC EF20E143 B361B1E7 4C8B7F04
B085E65E 2F5F5360 8489D422 FB8FC1AA
93F6323C FD7F7544 3F39C318 D95E6480
FCCC7561 8A4A1741 68FA4223 ADCEDE07
200C25BE DBBC4855 C4CFB774 C5EC138C
0FEC1CEF D9DCECEC D3A5DAD1 01316C36
—— END LICENSE ——
 
 
—– BEGIN LICENSE —–
Alexey Plutalov
Single User License
EA7E-860776
3DC19CC1 134CDF23 504DC871 2DE5CE55
585DC8A6 253BB0D9 637C87A2 D8D0BA85
AAE574AD BA7D6DA9 2B9773F2 324C5DEF
17830A4E FBCF9D1D 182406E9 F883EA87
E585BBA1 2538C270 E2E857C2 194283CA
7234FF9E D0392F93 1D16E021 F1914917
63909E12 203C0169 3F08FFC8 86D06EA8
73DDAEF0 AC559F30 A6A67947 B60104C6
—— END LICENSE ——
 
 
—– BEGIN LICENSE —–
Andrew Weber
Single User License
EA7E-855605
813A03DD 5E4AD9E6 6C0EEB94 BC99798F
942194A6 02396E98 E62C9979 4BB979FE
91424C9D A45400BF F6747D88 2FB88078
90F5CC94 1CDC92DC 8457107A F151657B
1D22E383 A997F016 42397640 33F41CFC
E1D0AE85 A0BBD039 0E9C8D55 E1B89D5D
5CDB7036 E56DE1C0 EFCC0840 650CD3A6
B98FC99C 8FAC73EE D2B95564 DF450523
—— END LICENSE ——
 
 
—– BEGIN LICENSE —–
K-20
Single User License
EA7E-940129
3A099EC1 C0B5C7C5 33EBF0CF BE82FE3B
EAC2164A 4F8EC954 4E87F1E5 7E4E85D6
C5605DE6 DAB003B4 D60CA4D0 77CB1533
3C47F579 FB3E8476 EB3AA9A7 68C43CD9
8C60B563 80FE367D 8CAD14B3 54FB7A9F
4123FFC4 D63312BA 141AF702 F6BBA254
B094B9C0 FAA4B04C 06CC9AFC FD412671
82E3AEE0 0F0FAAA7 8FA773C9 383A9E18
—— END LICENSE ——
 
 
—– BEGIN LICENSE —–
J2TeaM
2 User License
EA7E-940282
45CB0D8F 09100037 7D1056EB A1DDC1A2
39C102C5 DF8D0BF0 FC3B1A94 4F2892B4
0AEE61BA 65758D3B 2EED551F A3E3478C
C1C0E04E CA4E4541 1FC1A2C1 3F5FB6DB
CFDA1551 51B05B5D 2D3C8CFE FA8B4285
051750E3 22D1422A 7AE3A8A1 3B4188AC
346372DA 37AA8ABA 6EB30E41 781BC81F
B5CA66E3 A09DBD3A 3FE85BBD 69893DBD
—— END LICENSE ——

Sublime Text3汉化包

Tags ： sublime text3 汉化, sublime test3破解码

在写主题样式的时候经常会碰到用背景图铺满整个背景的需求，这里分享下使用方法

需要的效果



图片以背景的形式铺满整个屏幕，不留空白区域

保持图像的纵横比（图片不变形）

图片居中

不出现滚动条

多浏览器支持

以图片bg.jpg为例



最简单，最高效的方法 CSS3.0



归功于css3.0新增的一个属性background-size，可以简单的实现这个效果，这里用fixed和center定位背景图，然后用background-size来使图片铺满，具体css如下

html {
  background: url(bg.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

More »

Tags ： 背景图全屏, background-size, cover

今天我们要来分享一款相当逼真的HTML5 Canvas雨滴下落动画，该动画模拟雨滴附在窗户上缓缓滑落的效果，同时窗户也因为雨滴而变得模糊，窗外的夜景便显得格外迷人。利用HTML5技术，该雨滴下落动画一共有5种不同的效果。由于Chrome的跨域限制，本地将无法运行，你可以在本站的在线演示中看到效果，或者将源代码上传至自己的服务器后浏览。

More »

Tags ： html5, 雨滴动画

转：typecho灌水机好多好多，没有专门放外链，竟然被灌水机发现了。刚开始没发现，过了几天，评论达到数百条，全部是垃圾。typecho后台有个限制设置，可以在一定的程度上加以控制，但是这样的方法太死板，属于一刀切。于是抽了点时间把Discuz中的验证码功能转换成了typecho插件。
可设置的类型：1. 英文图片验证码；2. 中文图片验证码；3. Flash验证码；4. 位图验证码。
对于中、英文验证码可自定义设置项很多，这里就不一一罗列了，要多酷，有多酷，决定权让给你。

More »

Tags ： typecho, 插件

为了解决如题需求而临时拼凑的样式解析方案
直接看Mobile_demo

方案中有体现不同移动设备样式解析方案（部分代码直接copy腾讯网的）

<script type="text/javascript"> 
// 判断是否为移动端运行环境
// wukong.name 20130716
if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){
	if(window.location.href.indexOf("?mobile")<0){
		try{
			if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){
				// 判断访问环境是 Android|webOS|iPhone|iPod|BlackBerry 则加载以下样式
				setActiveStyleSheet("style_mobile_a.css");
			}
			else if(/iPad/i.test(navigator.userAgent)){
				// 判断访问环境是 iPad 则加载以下样式
				setActiveStyleSheet("style_mobile_iPad.css");
			}
			else{
				// 判断访问环境是 其他移动设备 则加载以下样式
				setActiveStyleSheet("style_mobile_other.css");
			}
		}
		catch(e){}
	}
}
else{
// 如果以上都不是，则加载以下样式
setActiveStyleSheet("style_mobile_no.css");
}
// 判断完毕后加载样式
function setActiveStyleSheet(filename){document.write("<link href="+filename+" rel=stylesheet>");}
</script><link href="style_mobile_no.css" rel="stylesheet">

Tags ： css, js, 移动端, 手机匹配

#x_contant a img{
	display:block;
	-webkit-transition: -webkit-transform 0.4s ease-out;
	-moz-transition: -moz-transform 0.4s ease-out;
	transition: transform 0.4s ease-out;
	width:125px;
	height:125px;}
#x_contant a:hover img{
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	transform: rotate(360deg);}

Tags ： css3, 特效代码

body {
	background:url(img/czs_bg02.jpg);
	filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
	-moz-background-size:100% 100%;
	background-size:100% 100%;
}

Tags ： 背景图片自适应

1. CSS load online Tool
   cssload.net是一个标准的在线工具，可以用来生成你自己的Ajax加载旋转动画图标。它提供预览，并且拥有速度控制。主要及其次要颜色选项给你一些别的工具无法生成的特殊效果。最重要的它能生成CSS来创建加载中图标，而不使用任何图片。
   

More »

Tags ： loading, 加载中, 载入中