摘要： 淘宝网的语音搜索也有了一阵子了，但似乎都没看到相关的博客或帖子在说这个如何实现，今天查了点资料，发现原来实现是如此简单，可能是因为太简单了，也就没有人讨论了吧。 其实实现只需一句代码即可：x-webkit-speech 一看到这句代码，想到了什么？对，这说明语音搜索只支持webkit内核浏览器，那么这段代码具体要放在哪呢？<input type="text" class="text" name="value_2" id="value_2" x-webkit-speech> 放在文本输入框内就行了，其他的 阅读全文

摘要： 因为标题写的是实例，所以本次就不做讲解了，因为这个实例我也算是东拼西凑整出来的，参考了大概5、6款拖拽上传的插件和demo，然后把其中好的地方挑出来，最后就成了这么一个实例，一起来看下吧（地址不能保证长久有效，如果失效请在文章最后点击demo下载）：http://hoorayos.caifutang.com/dropupload.html 界面样式我是参考了一个国外的相册网站，改动不大，只是把鸟语转换成中文，以及上传时的样式也进行了改动，之所以选这个的原因就是，我很容易做扩展，它支持3种方式添加图片，一种拖拽上传，一种常规的选择文件上传，另外的就是添加网络图片。它很巧妙的把三种上传模式整... 阅读全文

摘要： 只要有会员系统的网站就会涉及到密码，如果处理不好就会造成前阵子那种事。下面我就说说我在开发时是如何处理密码这块功能的。 首先，密码必须加密，但简单的MD5加密已经没有太大意义，为了防止字典破解，我会给密码加盐后在MD5，我一般是用用户自己的密码当盐。 这一步操作后基本上就不怕数据库暴露了，接下来要做的就是前端的了。我们知道，HTTP传输协议是明文的，也就是可能用户密码还没有到后端，在传输途中就可能泄露了，那要怎么解决呢？ 其实我们完全可以把加密这一步骤放到前端来，密码加密好后再进行传输，这样传输数据如果被抓取，也是加密过的密码。 既然要在前台加密，那就需要一个用来实现加密的js，我... 阅读全文

摘要： 每年年初都要大病一次，今年也不例外，发烧、感冒、咳嗽，一样不多一样不少。 鼻塞导致整个人感觉快要窒息，躺在床上大口大口喘着气，想想似乎每年也只有这时候是最安静的，只有自己时不时的咳嗽声。 下午请了病假，所以早早就回家了，洗了个澡，躺在床上回忆了好多事，回想年初，我还在做着黑彩的项目，暗无天日，客户三分钟一个需求，还拿“没有这功能平台我就根本无法运作了”之类的话来压我。 之后一段时间比较空闲，我也就趁那会整理并编写我的插件《jquery.HooRay》，不过直到现在，也就那段时间更新比较勤快，最近一段时间几乎就没更新了，也许是相对完善了，也许是我懒了。虽然已经不太更新了，不过还是推荐大... 阅读全文

摘要： 这次的功能不用我介绍，是的，就是要做那个win7下窗口超级预览的功能。为了方便，我就做个demo来演示，就不用图里的例子来做讲解了。 首先，我们必须知道transform，它是CSS3中的新增属性，这次我们要用到的就是：transform:scale()。这里要提一点注意，scale()是不影响layout的，也就是scale()仅仅是视觉上效果不一样，实际的样式都是不变的，而且scale()的缩放是以中心缩放的，这就会造成一个浮动元素缩放后top、right、bottom、left在视觉上有偏移。 具体我们还是来看下demo吧，演示界面是这个样子的 右下角的蓝色层是可以拖动改变大小... 阅读全文

摘要： 因为我们无法通过任何方法获取整个页面的大小和当前加载了多少，所以想制作一个加载进度条的唯一办法就是模拟。那要怎么模拟呢？ 我们知道，页面是从上往下执行的，也就是说我们可以大致估算出在页面的某个位置加载了多少，而后用jq模拟出一个进度条来显示。 首先我们先画一个进度条的样子，也就是上图图中的样... 阅读全文

摘要： 判断浏览器是否缩放 这是一个困扰我一周的问题了，不过现在终于在@Mr.L的协助下解决了，下面先描述下问题吧。大家在浏览QQ空间的时候，通过浏览器，或者按住ctrl+鼠标滚轮进行页面缩放，页面上会有个很友好的提示，如： 开始，我以为是通过判断窗口宽高，但发现缩放后的宽高和原先的宽高是一样的。失败。 然后，通过别人提供的资料《How to detect page zoom level in all modern browsers?》，发现如果高度定死，缩放后获取的高度是不变的，所以高度必须让他自适应，这样获取的高度是实际高度。之后的操作就简单了，domReady后，记录当前高度，当缩放时，也... 阅读全文

摘要： 拖动实现的思路已经更新，为防止大家步入误区，本文建议不用阅读太细，实现思路请参考：http://www.cnblogs.com/hooray/archive/2012/03/23/2414410.html图标拖动排序 最近加了一个人，给我提了不少意见，也帮了测了一些bug，这次要说的更新就是图标拖动排序的功能。开始我以为实现会很难，当动手开始做的时候，发现也不过如此。下面我就一点点把我的思路告诉大家。 首先，图标拖动和窗口拖动的实现代码是几乎一样的，如果你对这个不清楚，可以看下我之前写的文章《EonerCMS——做一个仿桌面系统的CMS（四）》，关于拖动时的样式效果，我都是以win7做... 阅读全文

摘要： 此篇文章发布于2011年，当时的想法与现在已有不同，不建议继续阅读。 如果你还不知道LESS CSS是什么东西，可以看一下这篇文章，是我一朋友写给新人看的《CSS——LESS》 不可否认，LESS CSS是个强大的工具，它弥补了css没有变量、无法运算等一些“先天缺陷”，但它似乎给我一种错觉... 阅读全文

摘要： 插件我就不多介绍了，在我整理的《常用JQuery插件整理》里介绍，也有示例。但在实际运用中，我发现一个插件无法达到的效果，语言比较难描述，看图说话吧 发现什么问题没有，我做了个demo，虽然已经达到放大镜的效果了，但是大图的显示位置不是我想要的效果，我想要的效果就是，大图的位置和左边图的外框平行，并且始终保持在那个位置。可能有人会说，插件不是提供了xy轴偏移的设置么。是，但是如果图片切换了，尺寸和原先的不一样，xy轴的偏移量要怎么重新设置？最终可能就会出现这样的效果 所以，为了实现我的需求，我就要对插件进行修改，好在插件提供了未压缩的代码，而且中文注释完整，所以我大致看了下源码，就修改... 阅读全文