发表于   |   分类于

内容简介

尼古拉斯卡尔在《玻璃笼子》中指出，自动化在分担我们工作的同时，也弱化了我们的才能，偷走了我们的生活，限制了我们的视野，它甚至将我们暴露于监控之下，操控我们。当计算机和一切智能设备变成我们生活中的伴侣时，应更加留心它如何改变了我们的行为和身份。卡尔的作品无疑给我们这个时代注入了一剂清醒药。他独特的思考问题角度，犀利甚至略为偏激的观点再加上丰富的最前沿的科技案例会让人读起来畅快淋漓、有醍醐灌顶之感。我们每天都在使用智能设备，经常为一个又一个技术的进步而欢呼，读完本书，我们的看法将被彻底颠覆。

阅读全文 »

发表于   |   分类于

任何东西的发表功能，都想有个 Ctrl+Enter 的快捷键，这里总结一下。

html

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Ctrl+Enter提交留言</title>
</head>
<body>
		
<script type="text/javascript">
	loadCommentShortcut('commentform', 'submit_comment', ' (Ctrl+Enter)');
</script>

</body>
</html>
阅读全文 »

发表于   |   分类于

jquery实现省市区级联下拉菜单特效代码,这个省市区级联菜单是jquery实现的，兼容性比较好，兼容IE6，IE7，ie8，FF等常见浏览器 。

html

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<!DOCTYPE html>
<html>
<head>
    <title>jquery实现省市区级联下拉菜单特效代码</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script type="text/javascript" src="jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="sitedata.js"></script>
    <script type="text/javascript" src="index.js"></script>
</head>

<body>
<div>
    <select id="provinceSelector"></select>
    <select id="citySelector"></select>
    <select id="areaSelector"></select>
</div>
</body>

</html>
阅读全文 »

发表于   |   分类于

随着Web响应式的趋势越来越流行，媒体查询在创建响应式网站中起到了主要作用。利用媒体查询，我们可以针对不同的设备，如显示器、智能手机和平板，来写CSS。在这里我把常用的媒体查询进行了分类总结，希望在以后的工作当中方便查阅。这篇主要是对常用显示器和移动设备进行了总结。

显示器媒体查询

640px

1
2
3
@media screen and (max-width: 640px) { 

}

800px

1
2
3
@media screen and (max-width: 800px) {

}

1024px

1
2
3
@media screen and (max-width: 1024px) { 

}

HTC Evo，BlackBerry Torch，HTC Thunderbolt，HD2

1
2
3
4
@media screen and (max-device-width: 480px) 
{ 

}

平板媒体查询

Motorola Xoom

1
2
3
4
5
6
7
8
9
10
11
/* Landscape Mode */
@media (max-device-width: 1280px) and (orientation: landscape) 
{ 

}

/* Portrait Mode */
@media (max-device-width: 800px) and (orientation: portrait) 
{ 

}

HTC Flyer

1
2
3
4
5
6
7
8
9
10
11
/* Landscape Mode */
@media (max-device-width: 1024px) and (orientation: landscape) 
{ 

}

/* Portrait Mode */
@media (max-device-width: 600px) and (orientation: portrait) 
{ 

}
阅读全文 »

发表于   |   分类于

主要的需求是用户使用手机访问PC端页面，这个时候告诉用户是否继续留在PC端页面，还是直接跳转到手机端页面进行访问。点击按钮的过程中，并记录cookie，有效时间一天。

html

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
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<!--S popupbox-->
<div class="popup-bg">
    <div class="popup-box">
        <div class="popup-inner">
            <div class="epopup-main">
                <div class="epopup-bd">
                    <p>Enter into Mobile Version?<p>
                </div>
                <div class="epopup-btn-group">
                    <button type="button" data-role="button" class="epopup-btn epopup-btn-ok">Yes</button>
                    <button type="button" data-role="button" class="epopup-btn epopup-btn-cancel">No</button>
                </div>
            </div><!--E epopup-main-->
        
        </div>
    </div>
</div>
<!--E popupbox-->
</body>
</html>
阅读全文 »