css3 box-sizing属性教程

css3 box-sizing属性教程

  介绍 box-sizing属性可以为三个值之一:content-box(default),border-box,padding-box。content-box,border和padding不计算入width之内。padding-box,padding计算入width内。(火狐浏览器支持该属性,谷歌浏览器不支持,w3c上也无该属性)border-box,border和padding计算入width之内,其实就是怪异模式了~ PS:ie8+浏览器支持content-box和border-box,ff则支持全部三个值。使用……
jquery实现checkbox全选,反选,取消选择[教程]

jquery实现checkbox全选,反选,取消选择[教程]

一、前言 全选和取消功能是网页中常见的操作,那怎么来实现这个功能呢?今天这样写了一个全选和取消全选的功能吧!非常简单  二、HTML <body> <input type="checkbox" name="checkItems" id="checkItems" value="全选/全不选"/>全选/全不选 <br> <input type="checkbox" name="items" value="足球" />足球 <input type="checkbox" name="items" value="篮球"/>篮球 <in……
css3中webkit-box的用法[教程]

css3中webkit-box的用法[教程]

[caption id="attachment_854" align="aligncenter" width="305"] 实例3截图[/caption] webkit-box 一、前言 1、之前要实现横列的web布局,通常就是float或者display:inline-block; 但是都不能做到真正的流体布局。至少width要自己去算百分比。2.flexible box 就可以实现真正意义上的流体布局。只要给出相应属性,浏览器会帮我们做额外的计算。?PS : ?css3不支持低版本浏览器,建议用最新版本谷歌或火狐浏览器! 二……
clearfix清除浮动进化史

clearfix清除浮动进化史

 我想大家在写CSS的时候应该都对清除浮动的用法深有体会,今天我们就还讨论下clearfix的进化史吧。 clearfix清除浮动 首先在很多很多年以前我们常用的清除浮动是这样的。 .clear{clear:both;line-height:0;} 现在可能还可以在很多老的站点上可以看到这样的代码,相当暴力有效的解决浮动的问题。但是这个用法有一个致命伤,就是每次清除浮动的时候都需要增加一个空标签来使用。这种做法如果在页面复杂的布局……
CSS实现背景透明,文字不透明(兼容各浏览器)

CSS实现背景透明,文字不透明(兼容各浏览器)

在 FF/Chrome 等较新的浏览器中可以使用css属性background-color的rgba轻松实现背景透明,而文字保持不透明。而IE6/7/8浏览器不支持rgba,只有使用IE的专属滤镜filter:Alpha来实现,但是这样写法会把文字也变为透明,因此只有在透明容器的子节点(文本节点除外)内设置position:relative才能不继承其父元素的透明滤镜,代码如下:<!DOCTYPE html > <html> <head> <meta http-equiv="Content-Typ……
colorpicker.js插件颜色选择器

colorpicker.js插件颜色选择器

描述:鼠标点击或滑过颜色图标,显示颜色选择器内容选择颜色值,一款非常酷炫,美观的jquery colorpicker 插件颜色选择器,实用在用户后台或表单操作,提高用户体验设计。兼容浏览器:IE6+/Firefox/Google ChromeGitHub :?https://github.com/PitPik/colorPicker 官网:http://www.dematte.at/cpn/ 
插件uaredirect.js电脑版跳转到手机版网站

插件uaredirect.js电脑版跳转到手机版网站

一、介绍 这段时间,有好多朋友问我,跳转到手机版的那个JS是怎么写的。其实这个JS也不是我写的,是百度siteapp下的一款跳转的产品,使用起来很方便。你可以用这款JS跳转到手机版,也可以跳转到任何你想跳转的位置。 二、JS下载 百度下载地址:? http://siteapp.baidu.com/static/webappservice/uaredirect.js 三、使用方法 首先说明,将这个JS最好放到网站的title下,不要放在最后或者其他部位,这样做是因为会先加载uar……
jqthumb.js缩略图插件-缩略图不变形不拉伸显示

jqthumb.js缩略图插件-缩略图不变形不拉伸显示

  插件介绍 项目中有图片的时候,有的宽大于高,有的宽小于高,尤其在做图片列表的时候,经常发现缩略图会有变形的。我们怎样来解决这一问题呢。用jqthumb.js这款插件,只需要写上几句话,就可以让我们的项目中的缩略图快速解决!jQThumb 兼容所有浏览器,包括 IE6。在高级浏览器中使用背景方式实现,并设置图片的尺寸(background-size)和位置(background-position)实现居中;在 IE6 等老旧的浏览器中使……
jquery.mmenu.js手机侧边导航jquery插件

jquery.mmenu.js手机侧边导航jquery插件

创建一个,使用jQuery或off-canvas应用极为相像的菜单。 mmenu插件真的很容易。 首先,创建一个网页像通常所做的那样,上传到网络服务器。 如果你没有一个,我建议 字节 。 接下来,遵循这一基本教程中的步骤。 如果你不喜欢阅读, 这里有一个视频 。首先要引进插件的css和jquery <link type="text/css" rel="stylesheet" href="css/jquery.mmenu.all.css" /><script type="text/javascript" src="js/jquery-1.7……
jQuery操作checkbox选中状态代码_美化

jQuery操作checkbox选中状态代码_美化

 jQuery操作checkbox选中状态_案例效果可以在底部演示地址里面查看,如果大家想美化checkbox,可以隐藏checkox,点击li的时候同时用jQuery添加一个class,当然class需要你提前写好,加个漂亮的选中图标。 HTML <div class="demo"> <form> <ul> <li> <input type="checkbox" name="box" value="1" /> </li> <li> <input type="checkbox" name="box" value……