档案 二月, 2010

Google 代码库是一个类似 SourceForge 的开源社区,大量开发者在那里上传自己的代码或素材同他人分享,Google 代码库于 2006 年启动,至今已积累了大量的好东西,本文从 Google 代码库搜集到 15 个非常出色的工具与素材,它们都基于 GPL, BSD, MIT 或 Creative Common 协议,可以免费使用。 15 Fantastic Finds on the Google Code Repository
(全文 …)

前言:

实验的数据表如下定义:

> desc tbl_name;
+-------+--------------+------+-----+---------+-------+
| Field | Type         | Null | Key | Default | Extra |
+-------+--------------+------+-----+---------+-------+
| uid   | int(11)      | NO   |     | NULL    |       |
| sid   | mediumint(9) | NO   |     | NULL    |       |
| times | mediumint(9) | NO   |     | NULL    |       |
+-------+--------------+------+-----+---------+-------+
3 rows in set (0.00 sec)

存储引擎是MyISAM,里面有10,000条数据。
(全文 …)

20套常用图标下载

作者: seasun

在这篇文章中,我们收集了20套非常不错的图标,包括社会化图标,卡通图标,浏览器图标,常用形状图标等等,风 格包括手绘,写实,2.0,拼贴,复古等等。希望在你的下一次的设计项目中可以应用得到,非常实用的哦。
Old Bottle Crowns
unique icons
(全文 …)

之前js 仿Photoshop鼠标滚轮控制输入框取值中已使用js对鼠标滚轮事件进行控制,滚轮事件其中考虑浏览器兼 容性问题

附加事件

其中经我测试,IE/Opera属于同一类型,使用attachEvent即可添加滚轮事 件。

/*IE注册事件*/
if(document.attachEvent){
document.attachEvent(‘onmousewheel’,scrollFunc);
}

Firefox 使用addEventListener添加滚轮事件

/*Firefox注册事件*/
if(document.addEventListener){
document.addEventListener(‘DOMMouseScroll’,scrollFunc,false);
}

Safari与Chrome属于同一类型,可使用HTML DOM方式添加事件

window.onmousewheel=document.onmousewheel=scrollFunc;//IE/Opera/Chrome

其 中除Firefox外其余均可使用HTML DOM方式添加事件,因此添加事件使用以下方式

/*注册事件*/
if(document.addEventListener){
document.addEventListener(‘DOMMouseScroll’,scrollFunc,false);
}//W3C
window.onmousewheel=document.onmousewheel=scrollFunc;//IE/Opera/Chrome

detail 与wheelDelta

判断滚轮向上或向下在浏览器中也要考虑兼容性,现在五大浏览器(IE、Opera、Safari、 Firefox、Chrome)中Firefox 使用detail,其余四类使用wheelDelta;两者只在取值上不一致,代 表含义一致,detail与wheelDelta只各取两个值,detail只取±3,wheelDelta只取±120,其 中正数表示为向上,负数表示向下。

<p><label for=”wheelDelta”> 滚动值:</label>(IE/Opera)<input type=”text” id=”wheelDelta” /></p>
<p><label for=”detail”> 滚动值:(Firefox)</label><input type=”text” id=”detail” /></p>
<script type=”text/”>
var oTxt=document.getElementById(“txt”);
/***********************
* 函数:判断滚轮滚动方向
* 作者:walkingp
* 参数:event
* 返回:滚轮方向 1:向上 -1:向下
*************************/
var scrollFunc=function(e){
var direct=0;
e=e || window.event;

var t1=document.getElementById(“wheelDelta”);
var t2=document.getElementById(“detail”);
if(e.wheelDelta){//IE/Opera/Chrome
t1.value=e.wheelDelta;
}else if(e.detail){//Firefox
t2.value=e.detail;
}
ScrollText(direct);
}
/*注册事件*/
if(document.addEventListener){
document.addEventListener(‘DOMMouseScroll’,scrollFunc,false);
}//W3C
window.onmousewheel=document.onmousewheel=scrollFunc;//IE/Opera/Chrome/Safari
</script>

预览效果http://www.51obj.cn/demo/js/wheelDelta_detail.html

(部 分图片见原文:http://www.51obj.cn/?p=637
(以上内容部分内容参考了http://adomas.org/javascript-mouse-wheel/

上次介绍过 10 个基于 JavaScript 的 WYSIWYG(所见即所得) 编辑器,这些 编辑器可以在线编辑和处理富 内容,包括格式文本,表格,图片,媒体,链接等等,非常适合集成到 CMS 网站内容管理系统中使用。本文又搜集了 22 个 在线编辑器,它们基本代表了当前 编辑器的现状。 Rich-Text Editors for 2010 and Beyond
(全文 …)

在线编辑内容的时候,那些基于 的编辑器帮了我们大忙,这些所见即所得(WYSIWYG)编辑器,给我们提供了类似 Office 的操作体验。如今,任何网站内容管理系统(CMS)和博客系统都需要一个这样的编辑器。本文精选了10个基于 的编辑器,它们有的是基于 jQuery 框架,有点则不是。
(全文 …)

我们每天要看非常多网站,每个都是花花绿绿五花八门的希望以各种不同色调来吸引目光。 这里我们要来介绍另外一种相反的设计,黑与白的网页设计。我们发现原来单纯的双色设计也可以这么让人惊艳以及具有启发性。 在一片色彩过度运用的市场,我们很高兴可以看到仍然有设计师相信Less is More.

黑白配色的网页设计示例
(全文 …)

随着Twitter的红火以及新浪微博的流行,微博客已经渐渐取代了博客和SNS,成为最流行的互联网应用之一。前 不久康盛创想又对外开放了康盛微博CTT Beta版,使的很多站长都想搭建一个微博平台,而康盛微博程序提供下载还需要一段时间,所以 在这里我整理了10个免费微博开源程序。
(全文 …)