摘要: 此插件是对10年8月20日的文章的更新, 之前的版本有诸多bug...抱着对读者负责的态度,又重写了一次. 更新内容:1. 用户快速划过按钮时不触发鼠标事件;2. 鼠标划入当前图片按钮时不闪烁;3. 简化并优化代码.使用方法就不详述了, 请参见源码及相关注释:点此查看DEMO原文发布于Mr.Think的博客:http://mrthink.net/jq-plugin-ifadeslide/ 转载请注明 阅读全文
posted @ 2010-08-23 09:45 Mr.Think 阅读(4631) 评论(9) 推荐(3) 编辑
摘要: 为了学习Linux系统,花了两个晚上的时间把电脑彻底清空重新规划了一次, 让Ubuntu与Win7和平共存.装系统是小儿科,但烦的是大大小小一大堆的软件.ghost很重要.而对我,用的最多的是Zend Studio加Aptana的完美结合.我想,无论对于前端人员还是PHP开发人员,Zend Studio加Aptana绝对堪称经典.可惜中文资料太少,让很多人在安装和使用时绕了不少弯路,在此分享一下,... 阅读全文
posted @ 2010-08-16 09:33 Mr.Think 阅读(4210) 评论(0) 推荐(0) 编辑
摘要: 日常项目中常用到的,用jQuery和原生JS分别写了一个. 两种写法均实现了结构/表现/行为的完全分离.当然,稍作修改,可以在同一个页面中应用于多个选项卡.关于思路,和常规选项卡思路一样.点击选项菜单,突出显示,并显示对应的选项.本文实例中主要是通过判断点击菜单在菜单列表中的索引位置来显示或隐藏选项区.原生js还有很多种实现方法(蓝色理想中搜索),为了与jQ版思路保持一致,本文实例用的是循环判断.... 阅读全文
posted @ 2010-08-13 20:33 Mr.Think 阅读(1151) 评论(0) 推荐(0) 编辑
摘要: 基于jQuery的上下无缝滚动应用,可应用于多行或者单行.详解请参考注释.查看演示: 点此查看DEMO核心jQuery代码:$(function(){ var _wrap=$('ul.line');//定义滚动区域 var _interval=2000;//定义滚动间隙时间 var _moving;//需要清除的动画 _wrap.hover(function(){ clearInterval(_m... 阅读全文
posted @ 2010-08-10 09:34 Mr.Think 阅读(2965) 评论(0) 推荐(3) 编辑
摘要: 可扩展的简易点击展开/关闭效果,分别用原生JavaScript和jQuery实现.使用方法及相关解释,请参见源码.另,授人以鱼,不如授人以渔.我写的只是一个原型,提供一个思路一种方法.注释中我也注明了,如果你想要酷炫的效果,你可以根据自己的实际需求扩展.查看演示: 点此查看DEMO原生JS版本:window.onload=function(){ vardivs=document.getEleme... 阅读全文
posted @ 2010-08-03 09:47 Mr.Think 阅读(4368) 评论(0) 推荐(0) 编辑
摘要: 迷上jQuery,相对于原生JavaScript,它是如此的美妙.也因此,促使我更加的努力的研习原生JavaScript.分享一个控制左右滚动及自动滚动的样例, 昨晚花了两个多小时, 忍受着悍蚊的叮咬, 汗水的侵袭, 一行行的敲出来的血汗代码. 哈哈.封装了两种模式: 点击滚动版本DEMO自动滚动版本DEMO,源码中有详细注释.思路:点击滚动模式下,是为点击(向前/向后/数字)添加click事件,... 阅读全文
posted @ 2010-07-24 11:24 Mr.Think 阅读(10697) 评论(2) 推荐(1) 编辑
摘要: 一款比较实用,并且验证类型齐全的jQuery表单验证插件.英文版原作者@Vanadium,由我做中文整理.E文水平有限,如果翻译的有问题的,请大家指出,在此感谢~ 可以验证哪些? 文字,日期,邮箱,网址,数字,AJAX用户名验证以及自定义的正则等等几乎所有我们要用到的验证.不多说,看DEMO吧: 点此查看DEMO 点此下载DEMO如何使用?第一步,当然是和使用其他jQuery插件一样,引入插件文件... 阅读全文
posted @ 2010-07-17 15:38 Mr.Think 阅读(1349) 评论(3) 推荐(0) 编辑
摘要: 使用jQuery很长时间了,但一直没有深入的研究过. 下午正好有空,看了锋利的jQuery第1和第2章,顷刻间为之所迷.之前也曾通过jQuery手册了解过一些jQuery的知识,但从没系统的看过它的核心.看完锋利的jQuery前两章,jQuery简直太美了.简单,易懂,易用,还有那无所不能的$(虽然有点夸大,哈哈). The write less,do more 这是我现在对jQuery的认知.相... 阅读全文
posted @ 2010-07-14 09:49 Mr.Think 阅读(947) 评论(4) 推荐(0) 编辑
摘要: 自己前端开发中常用到的一些技巧及问题解决方法,会常更新,希望对前端路上的朋友有帮助.1.文章标题列表中日期居右显示的方法:<p><span>2010-10-10</span>@Mr.Think这是文章标题</p>然后定义span右浮动:p span{float:right}其实这种方法可以延伸到很多情况下,很实用的一种写法;2.web标准中,同一页面... 阅读全文
posted @ 2010-07-13 10:24 Mr.Think 阅读(3080) 评论(6) 推荐(6) 编辑
摘要: 最近比较懒,啥都不想干.分享两个比较实用的基于jQuery的幻灯片吧. 注释写了一个,不想写了,另一个还是原作者的英文注释.非原创,由我改良,无从考证原作者,在此感谢.点此查看DEMO至于使用方法也就不写了(我声明了我最近比较懒,哈哈),比较简单,自己看DEMO修改吧.为了不浪费你点DEMO的力气,先上两张图,展示下静态的效果:好了,就这样吧,想用的话自己慢慢折腾吧.原文发布于Mr.Think的博... 阅读全文
posted @ 2010-07-12 11:38 Mr.Think 阅读(1407) 评论(0) 推荐(0) 编辑