摘要： 手机页面设计稿一般是640px，但是，手机屏幕大小确是不确定的，想做出适应所有手机的手机页面解决方案有两种，rem布局和百分比布局。这里介绍用rem布局来制作手机页面：rem是css3中新增加的一个单位值，他和em单位一样，都是一个相对单位。不同的是em是相对于元素的父元素的font-size进行计... 阅读全文

摘要： 这个是评价时点亮星星，当你鼠标在第n颗星悬浮时，就会点亮前面的n颗星。效果如下图：一、html代码： 二、css样式：三、原理：首先 ul 列表的背景就是五颗没点亮的星星， 每一个 li 都是绝对定... 阅读全文

摘要： 一.HTML代码： 在div demo中存放两个div,其中small-box... 阅读全文

摘要： 登录 注册 登录窗口 注册窗口 //登录注册选项卡切换方法一 function tab(nav,ct){ nav.click(function(){ var i=$(this).ind... 阅读全文

摘要： 弹出窗口前一般都需要在本页面上增加一层蒙板覆盖整个页面/*蒙版scss*/.mask{background: rgba(0,0,0,0.5);width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 4;display: non... 阅读全文

摘要： 在上篇博客中已经完成了瀑布流的js代码，现在就要把这个js代码抽出并写成插件。1.首先把html中的js代码抽离成为单独js文件2.$.fn.waterfall = function(data) { //定义插件的名称，这里名为waterfallvar set = { //这里写插件定义的变量和默... 阅读全文

摘要： 瀑布流就是像瀑布一样的网站——丰富的网站内容，特别适应于图片。宽度固定，高度不固定。参差不齐的多栏布局。还可以响应式地适应不同大小的设备。实现思路如下：一.页面布局:一个装图片的div;一个装加载图片的div二.js代码：1.设置图片的宽度iWidth和图片间的间隙iSpace，列宽iOuterWi... 阅读全文

摘要： 有时页面上要用到一些小图标，按以前的方法在网上搜图片下载再应用到页面上的效率会比较低，效果也不怎么好。可以考虑用css3的font-face属性，它可以把我们自定义的Web字体或图标字体嵌入到你的网页中，我们可以通过设置font-size来设置图标的大小。非常的简单和方便。https://icomo... 阅读全文

摘要： 只有一行文字的话，直接用line-hight可以解决。有多行文字或是想要子div在父div里垂直居中：首先要理解vertical-align: middle只在table属性中才会垂直居中，应用到display:inline-block元素的话就是和隔壁元素居中对齐。方法一：在div里增加一个隐藏子... 阅读全文

摘要： http://blog.funya.in/csscss3/ie6-fixed-bug/在IE6中实现 position:fixed; 的办法:浏览器头部固定.fixed_top { position:fixed; top:0px;}* html .fixed_top /* IE6 头部固定 */{... 阅读全文