07 2010 档案

基于jQuery的控制左右滚动及自动滚动效果
摘要：迷上jQuery,相对于原生JavaScript,它是如此的美妙.也因此,促使我更加的努力的研习原生JavaScript.分享一个控制左右滚动及自动滚动的样例, 昨晚花了两个多小时, 忍受着悍蚊的叮咬, 汗水的侵袭, 一行行的敲出来的血汗代码. 哈哈.封装了两种模式: 点击滚动版本DEMO自动滚动版本DEMO,源码中有详细注释.思路:点击滚动模式下,是为点击(向前/向后/数字)添加click事件,... 阅读全文
posted @ 2010-07-24 11:24 Mr.Think 阅读(10717) 评论(2) 推荐(1) 编辑
一款比较实用齐全的jQuery 表单验证插件
摘要：一款比较实用,并且验证类型齐全的jQuery表单验证插件.英文版原作者@Vanadium,由我做中文整理.E文水平有限,如果翻译的有问题的,请大家指出,在此感谢~ 可以验证哪些? 文字,日期,邮箱,网址,数字,AJAX用户名验证以及自定义的正则等等几乎所有我们要用到的验证.不多说,看DEMO吧: 点此查看DEMO 点此下载DEMO如何使用?第一步,当然是和使用其他jQuery插件一样,引入插件文件... 阅读全文
posted @ 2010-07-17 15:38 Mr.Think 阅读(1350) 评论(3) 推荐(0) 编辑
jQuery,真美~
摘要：使用jQuery很长时间了,但一直没有深入的研究过. 下午正好有空,看了锋利的jQuery第1和第2章,顷刻间为之所迷.之前也曾通过jQuery手册了解过一些jQuery的知识,但从没系统的看过它的核心.看完锋利的jQuery前两章,jQuery简直太美了.简单,易懂,易用,还有那无所不能的$(虽然有点夸大,哈哈). The write less,do more 这是我现在对jQuery的认知.相... 阅读全文
posted @ 2010-07-14 09:49 Mr.Think 阅读(948) 评论(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 阅读(3082) 评论(6) 推荐(6) 编辑
两个基于jQuery的渐隐渐显图片轮换幻灯片
摘要：最近比较懒,啥都不想干.分享两个比较实用的基于jQuery的幻灯片吧. 注释写了一个,不想写了,另一个还是原作者的英文注释.非原创,由我改良,无从考证原作者,在此感谢.点此查看DEMO至于使用方法也就不写了(我声明了我最近比较懒,哈哈),比较简单,自己看DEMO修改吧.为了不浪费你点DEMO的力气,先上两张图,展示下静态的效果:好了,就这样吧,想用的话自己慢慢折腾吧.原文发布于Mr.Think的博... 阅读全文
posted @ 2010-07-12 11:38 Mr.Think 阅读(1408) 评论(0) 推荐(0) 编辑
最大限度的分离table的样式与结构
摘要：用table布局,相信大家都知道这是前端很诟病的事.但从HTML标签角度来看table标签,它的功能强大也是毋庸置疑的, 不然, 它也不会曾主导网站布局模式数年(甚至于现在仍有N多整站用table布局的网站). 但CSS+XHTML的兴起,使很多人开始妖魔化table这一标签,甚至以页面中是否有table来评判页面质量,这是不对的. table也有它存在的作用,很多页面功能(比如数据表格类,表单对... 阅读全文
posted @ 2010-07-11 14:39 Mr.Think 阅读(672) 评论(3) 推荐(2) 编辑
css特性:空白外边距互相叠加
摘要：空白双边距是一个极容易误解的CSS特性.它不是CSS的bug,但如果我们一旦误解,将会给你带来很多麻烦.先看如下demo代码:<!doctype html><html><head><meta charset="utf-8"><title>空白边距叠加demo@Mr.Think</title><style>body{... 阅读全文
posted @ 2010-07-09 09:46 Mr.Think 阅读(317) 评论(1) 推荐(0) 编辑
一个基于jQuery的图片翻转效果
摘要：据说,这是一个最近很流行的效果,新浪微博,腾讯微博,都用到了这种效果,本博开博时也追随潮流用上了这种效果,今天又在经典论坛中看到了这个效果.使用方法:在你的大图链接中加入class=”miniImg artZoom”例:<a class="miniImg artZoom" href="http://www.amostoys.com/images/460/graphic... 阅读全文
posted @ 2010-07-08 10:02 Mr.Think 阅读(7370) 评论(3) 推荐(0) 编辑
网站基本优化：php的gzip压缩方法
摘要：如果你的网站是php的,通过下面的方法将能加速你网站的访问速度,无论加速多少,哪怕是0.01秒,你的网站在用户体验上就更进了一步。在尝试用如下方法前请为你的FirrFox(没有FireFox?移步前往)装上由Yahoo开发的YSlow插件(YSlow是什么？),然后用它分析一下你网站现在的分值是多少.切入正题,开始gzip压缩(本文以压缩css文件为例).第一步,建立压缩所需的php文件复制如下代... 阅读全文
posted @ 2010-07-07 11:53 Mr.Think 阅读(673) 评论(0) 推荐(0) 编辑
兼容IE6的图片圆角边框CSS
摘要：纯CSS实现的图片圆角边框效果,兼容IE6.实现原理很简单,利用绝对定位,使一个背景为PNG图片的边框覆盖在原始图片上面.而兼容IE6,本文用的是一段JS来让万恶的万万人诅咒的IE6识别PNG图片的.当然,你还可以用滤镜的方式让IE6实现PNG效果.本文后面我会附上两种解决方案.个人比较推崇用JS来实现IE6PNG,适应性比较强,但如果你只有一两处用到PNG,完全可以用滤镜的方式来实现.核心CSS... 阅读全文
posted @ 2010-07-06 14:21 Mr.Think 阅读(1334) 评论(0) 推荐(0) 编辑
奇或偶数行高亮显示及鼠标划过高亮显示类
摘要：奇或偶数行高亮显示及鼠标莫过高亮显示,一个经常用到的效果,也能谷歌到大把的这种效果JS,但好像还没有一个封装成类直接用的.想象自己当初谷歌这个类时,还真没少折腾时间.花了点时间,封装成了一个类(附带一个添加样式的类),适合初学者,直接调用函数即可,无需改代码.核心JavaScript代码:点此查看DEMO//@Mr.Think---添加样式的类function addClass(elem,valu... 阅读全文
posted @ 2010-07-05 09:48 Mr.Think 阅读(370) 评论(0) 推荐(0) 编辑
一个简单的纵横向动画效果类
摘要：分享一个简易的动画效果类,思路源于JavaScript DOM编程艺术,这本书是我JavaScript的启蒙书,看过四篇,至今时常翻起.我想也是每个JavaScript初学者的必备书.Mr.Think非常推崇这本书,真的很棒!思路其实很基础,很简单,主要是通过setTimeout()方法,并利用CSS绝对定位来以改变图片位置以实现动画效果.纯DOM方式编写,兼容所有支持JavaScript的浏览器... 阅读全文
posted @ 2010-07-03 18:27 Mr.Think 阅读(331) 评论(0) 推荐(0) 编辑
重温两道页面重构面试题
摘要：最近一直在研习JavaScript,CSS方面的知识关注的甚少.偶然间又看到这两道页面重构面试题,心血来潮,重温一下,呵.其实这两道题之前就做过,挺有意思.题一:分别用2个DIV,3个DIV,5个DIV实现水平垂直均居中显示一个宽50px,高200px的正十字架.思路:水平垂直均居中的实现,当然非absolute加外边距负值结合莫属.闲话略去,看代码及演示吧.2个DIV实现的核心CSS代码:点此查... 阅读全文
posted @ 2010-07-02 09:32 Mr.Think 阅读(993) 评论(2) 推荐(0) 编辑
jQuery实现同一点击,两个不同链接,指向两个不同的iframe
摘要：最近写了两个管理后台的前端页面,其中有一个管理后台,左侧菜单导航和右侧内容页是两个iframe,需求是,点击上面的主导航时,左侧iframe和右侧iframe调用不同的链接.个人推荐用jQuery实现,代码简洁,扩展性强.jQuery部分:function gotourl(url_a, url_b){ $('#ifr_a').get(0).src = url_a; $('#ifr_b').get(... 阅读全文
posted @ 2010-07-01 09:39 Mr.Think 阅读(763) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示