二
9
2010
15个来自从Google Code代码库的工具与素材
作者: seasunGoogle 代码库是一个类似 SourceForge 的开源社区,大量开发者在那里上传自己的代码或素材同他人分享,Google 代码库于 2006 年启动,至今已积累了大量的好东西,本文从 Google 代码库搜集到 15 个非常出色的工具与素材,它们都基于 GPL, BSD, MIT 或 Creative Common 协议,可以免费使用。 
(全文 …)
二
9
2010
Google 代码库是一个类似 SourceForge 的开源社区,大量开发者在那里上传自己的代码或素材同他人分享,Google 代码库于 2006 年启动,至今已积累了大量的好东西,本文从 Google 代码库搜集到 15 个非常出色的工具与素材,它们都基于 GPL, BSD, MIT 或 Creative Common 协议,可以免费使用。 
(全文 …)
二
8
2010
前言:
实验的数据表如下定义:
mysql> 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条数据。
(全文 …)
二
7
2010
在这篇文章中,我们收集了20套非常不错的图标,包括社会化图标,卡通图标,浏览器图标,常用形状图标等等,风 格包括手绘,写实,web2.0,拼贴,复古等等。希望在你的下一次的设计项目中可以应用得到,非常实用的哦。
Old Bottle Crowns
![]()
(全文 …)
二
4
2010
之前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/javascript”>
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/ )![]()
二
4
2010
二
4
2010
在线编辑内容的时候,那些基于 JavaScript 的编辑器帮了我们大忙,这些所见即所得(WYSIWYG)编辑器,给我们提供了类似 Office 的操作体验。如今,任何网站内容管理系统(CMS)和博客系统都需要一个这样的编辑器。本文精选了10个基于 JavaScript 的编辑器,它们有的是基于 jQuery 框架,有点则不是。
(全文 …)
二
3
2010
我们每天要看非常多网站,每个都是花花绿绿五花八门的希望以各种不同色调来吸引目光。 这里我们要来介绍另外一种相反的设计,黑与白的网页设计。我们发现原来单纯的双色设计也可以这么让人惊艳以及具有启发性。 在一片色彩过度运用的市场,我们很高兴可以看到仍然有设计师相信Less is More.
二
3
2010
随着Twitter的红火以及新浪微博的流行,微博客已经渐渐取代了博客和SNS,成为最流行的互联网应用之一。前 不久康盛创想又对外开放了康盛微博CTT Beta版,使的很多站长都想搭建一个微博平台,而康盛微博程序提供下载还需要一段时间,所以 在这里我整理了10个免费微博开源程序。
(全文 …)