熟悉web前端开发的人都知道，判断复选框是否选中是经常做的事情，判断的方法很多，但是开发过程中常常忽略了这些方法的兼容性，而是实现效果就好 了。博主之前用户不少方法，经常Google到一些这个不好那个不好的文章，到后面自己都混乱了。今天偶然看到一篇外国的博客，觉得讲解的很不错，打算翻 译成中文，并加...
分类：
Web程序 时间：
2014-12-25 16:20:44
阅读次数：
189
【转载】PNG的使用技巧时间:2014-12-25 12:21Png是图像文件存储格式，在网页设计中已经不是一个陌生的名词，在前端开发中经常使用到它，如常用CSS 雪碧图。而Png的使用不仅仅如此，Png有多少种格式，有哪些特点，PC端中常用的Png格式是哪些，手机端最合适的Png格式是什么呢？如果...
分类：
其他好文 时间：
2014-12-25 13:05:51
阅读次数：
144
前几天把之前做的购物网页的js效果写了出来。如图所示，分别为以下几个效果：搜索按钮的文字效果轮播图模拟下拉菜单鼠标点击按钮，图片进行左右滚动在学习过程中，思想很重要。写一个效果之前，现对其进行设计，然后分析，最后再实现。比如很简单的一个轮播图，让图片淡入淡出的切换。它的原理就是，先让所有的图片淡出，...
分类：
其他好文 时间：
2014-12-24 21:26:03
阅读次数：
263
css3的使用已经分布在各种网站上，其用途对于前端开发人员来说有很大的帮助，比如之前的圆角矩形，需要使用背景图片来完成，现在只需使用border-radius:5px;便可以做出圆角边框的效果，今天来记录下css3一些常用的属性。盒子属性：边框圆角：radius,边框阴影：box-shadow边框：...
分类：
Web程序 时间：
2014-12-23 15:31:55
阅读次数：
164
拖拽效果在网页中很常见。实现起来也不难。记录一下今天实现的简单效果。拖拽演示快速拖动时，会出现问题，以后修改.说白了，就是3个点击事件。1. 按下鼠标左键， 触发点击事件，此时记录下可以得到鼠标相对于拖动控件的位置（当前鼠标位置-控件位置）；2. 拖动鼠标，触发移动事件，可以计算出鼠标移动的距离（当...
分类：
Web程序 时间：
2014-12-23 00:13:23
阅读次数：
269
方法1：查看演示点击鼠标作画此方法就是鼠标移动的时候不停的画小圆点，然后用等粗的线将小圆点串起来（有点类似于珍珠项链）。因为是小圆点，所以效果要比方法2好，比较平滑。方法2：查看演示点击鼠标作画这个方法很容易理解，就是不断的将鼠标所在的位置用线段连起来。缺点是不够平滑，尤其是粗线条的时候。方法1：[...
分类：
Web程序 时间：
2014-12-23 00:11:28
阅读次数：
207
canvas元素在html5中的重要性非同一般。配合JS让我们实现了在浏览器页面中作画的强大功能。不再单单依靠图片，flash等外部文件，减少http请求，从而网页加载速度更加快捷。简单的线段：看个小演示 canvas小房子不用函数累死人。。。。旋转：使用提供的rotate()方法。需要注意的是，在...
分类：
Web程序 时间：
2014-12-23 00:11:04
阅读次数：
327
我觉得还蛮实用的一本，推荐看看，主要涉及到这些：标签语义化、css模块化。css的一些东西，比如haslayout 文档流，还有如何实现水平、垂直居中。js代码组织与js分层、js压缩编码规范、注释规范、命名规范
分类：
Web程序 时间：
2014-12-23 00:07:43
阅读次数：
204
选项卡无处不在，记录一个简单的JS实现方法, 仿网易效果。当两个边框紧挨时，会变粗, 颜色也会变深，解决办法就是：margin-left:-1px, 按需修改top,left,right,bottom.[html]view plaincopy视频图片新闻视频视频视频视频视频视频视频视频视频视频视频视...
分类：
编程语言 时间：
2014-12-23 00:07:15
阅读次数：
212
先看一张图明显看出Html5的页面布局方式要比html4.0 div+css传统布局模式简洁许多，同时对搜索引擎更加友好。语义化标签的好处就不多说了。说几个有意思的新增标签： 显示一个测量计，可用于温度，气压等meter演示 显示一个进度条，配合js可以显示动态加载效果。用于加载进度，下载进度等。p...
分类：
Web程序 时间：
2014-12-22 23:58:22
阅读次数：
230
