摘要： 在WEB表单中，为了达到更好的用户体验，往往会在input输入框中添加文字或图形占位符。以往占位符的实现方式都是通过javascript来判断value值的更改，现在html5提供了placeholder属性就可以在标准浏览器中轻松实现。下面分别介绍本人常用的3种实现方法：一、完全依靠javascript就是通过onfocus,onblur的方式，动态改变其value值，但此种方式有几个缺点：1.对于密码框，文字占位符无法实现（方式二可避免）2.表单提交时，还需要对默认值进行单独处理，比较繁琐（方式二、三均可避免）3.如果文本框中填入非占位符值的默认文本，需特殊处理，如搜索页面文本框中会填入当 阅读全文

摘要： 这个是模仿google在线文档的一个表格插入效果，基于jQuery编写，当然只是选择表格部分，不包括表格自身的内容编辑，感兴趣的朋友可以自己编写扩展。该函数带有2个参数，一个是触发对象，一个是表格选项，包括可以设置的默认最小行数列数、最大行数列数以及选择后的回调函数，函数调用实例如下：new insertTable($("#insert_table"),{ min : [4,4], max : [20,20], insert : function(rows,cols){//这里只返回所选行数rows和列数cols,插入后的效果和样式需自定义,以下只是做简单的示例 ... 阅读全文

摘要： 如果你的项目中使用的幻灯片样式多余一种，那么你是否考虑过开发一种扩展性更强的幻灯片组件……该组件支持2种形式，一种是模仿的淘宝首页幻灯，ie下使用vml实现圆角；另一种是可以使用css任意的自定义样式，比如添加缩略图。调用方法：new p_slide(id,timer,opt);参数说明：1.id:传入容器ID2.timer:切换时间间隔，毫秒数，默认4秒3.opt:{type:设置幻灯片类型}html:下面是第一种形式的html，如果你需要第二种形式,自定义<ul class=”slide_t”></ul>里的html就可以了。<div class=" 阅读全文

摘要： 很多网站都有类似的效果,实现原理也很简单.html<span class="p_rate" id="p_rate"> <i title="1分"></i> <i title="2分"></i> <i title="3分"></i> <i title="4分"></i> <i title="5分"></i></span&g 阅读全文

摘要： 当需要用到一大块可点击区域，比如在图片上加一大块链接但又不能设置背景的时候，我们会在图片在加一个透明的绝对定位浮动元素，这时IE中就会出现部分区域无法点击的情况。解决方法：由于该区域不能设置背景，我们可以为该元素设置一背景图片（任意图片均可），并设置background-position:0 1000px，让背景不出现在可视区域即可其他方法：可以在元素中加&nbsp;空白符，然后设置css {font-size:500px;line-height:500px;},这样可以解决IE6中的问题，但是IE8仍会有部分不可点击区域，所以不提倡使用。原文：http://www.nolure.co 阅读全文

摘要： 1.chrome(Safari)文字小于12px的解决办法body{-webkit-user-select: none;}2.用css禁止鼠标选择文本firefox浏览器: body{-moz-user-select:none;}webkit浏览器(chrome): body{-webkit-text-size-adjust:none}关于IE还没有找到到相关的css办法原文：http://www.nolure.com/?p=12 阅读全文