摘要：
先从官网下载 Sublime Text 3 http://www.sublimetext.com/3 然后选择自己的操作系统进行下载。（如果看不到，用谷歌游览器翻译就好） 下载解压安装后，由于是纯净版，所以还需按插件，否则只是单纯的文本编辑器. 插件配置 由于是纯净版，所以一开始没有安装插件的菜单栏 阅读全文
摘要：
表格，由表格标签<table><table>包裹着行标签<tr></tr>，而行标签里就是列标签<td></td>.。 想多少列，就放多少个列标签<td></td>。 如果想加粗内容，又不想使用样式，就使用<th></th>标签代替<td></td>标签即可。 一个简单的表格就是这样。 当然，光这样 阅读全文
摘要：
效果图如下： 代码如下： 原理： 先定义个时间变量，然后通过判断时间去显示标题的内容。 如果想让标题走马灯效果，使用.substring()函数就行 代码如下： 原理：把判断的结果赋予个变量，然后通过.substring()函数进行截取，再然后进行判断即可。 添加部分： 如果将 显示打字效果就添加如 阅读全文
摘要：
其实这效果用css3的animation就能办到，不过这里就当熟悉js的操作吧！ 效果图如下： html部分： .box这层div可以不用加，这里只是作为子绝父相的父元素罢了！当然，把游览器作为父元素也可以，只是想镶嵌到其他div中就麻烦了。 css部分： 如果是css3，就直接换成以下的就好了。 阅读全文
摘要：
效果图如下： 原理是： 通过叠加滚动条的值，再通过setInterval()进行重复调用，实现移动效果。 html部分： 这里值得注意的是，外面的盒子（#main）必须小于里面的盒子（#in） 目的是撑大里面的盒子，出现内存条。 #p1里面是图片，但要注意的是，图片的总宽度一定要大于最外层#main 阅读全文
摘要：
原理是通过一个字一个字的减少来实现向左移动的效果 这是通过表单达成的效果 代码如下： 这里很讨厌的是，把<script></script>放在表单前，就会失去效果。 思路分为： 1.html部分 需要在body标签里加上onload="banner()"属性，即页面加载时调用。 2.js部分 以上为 阅读全文
摘要：
效果如下： html部分 只要分为两部分 一部分在左边，是放选项卡的 另一部分在右边，是显示图片的 css部分 左边选项卡正当排列 右边的图片还是通过overflow: hidden;和宽高将图片显示一个图片的高度。或者用display：none；将图片先隐藏。 然后通过jq进行显示或隐藏 js部分 阅读全文
摘要：
效果如下： html部分 结构分为两部分 第一部分是选择点击的按钮部分 第二部分是被选择后所显示的内容的部分 由于要逐一显示，所以就使用display：none；隐藏。 css部分 关于这部分，其实最大的问题就是尺寸的问题，即便想嫁接，也会因尺寸不合而修改。 况且因效果图的不同，往往样式本身就得重新 阅读全文
摘要：
效果如下： 代码如下： 先是html部分，也就是ul>li>a+ul>li的嵌套 然后是css样式 先无视嵌套里的ul，可以通过display：none；将其隐藏。 总之就利用float：left；让li横向排列。 事实上，纵向排列就不需要这float：left；或直接用float：none；覆盖。 阅读全文
摘要：
原理就是利用循环，这里使用的是while。 代码如下： 首先先了解while循环 while(判断条件){ 代码 } 如果直接打个”true“的话，那就拥有的陷入死循环了。只有给个初值，然后在小于或大于这个范围循环才是王道！ 而这金字塔效果，其实也是通过空格和星星的个数一行一行的叠加出来的。并且总共 阅读全文
摘要：
原理依旧是ul>li*3 通过li的浮动float: left;以及宽度width: 33.33%;进行布局 然后在里面加文字,并进行多行居中则是通过 display: table;和 display: table-cell; vertical-align: middle; 由于是垂直居中,所以需要 阅读全文