2014年12月22日
摘要：
选项卡无处不在，记录一个简单的JS实现方法, 仿网易效果。当两个边框紧挨时，会变粗, 颜色也会变深，解决办法就是：margin-left:-1px, 按需修改top,left,right,bottom.[html]view plaincopy视频图片新闻视频视频视频视频视频视频视频视频视频视频视频视... 阅读全文
摘要：
拖拽效果在网页中很常见。实现起来也不难。记录一下今天实现的简单效果。拖拽演示快速拖动时，会出现问题，以后修改.说白了，就是3个点击事件。1. 按下鼠标左键， 触发点击事件，此时记录下可以得到鼠标相对于拖动控件的位置（当前鼠标位置-控件位置）；2. 拖动鼠标，触发移动事件，可以计算出鼠标移动的距离（当... 阅读全文
摘要：
方法1：查看演示点击鼠标作画此方法就是鼠标移动的时候不停的画小圆点，然后用等粗的线将小圆点串起来（有点类似于珍珠项链）。因为是小圆点，所以效果要比方法2好，比较平滑。方法2：查看演示点击鼠标作画这个方法很容易理解，就是不断的将鼠标所在的位置用线段连起来。缺点是不够平滑，尤其是粗线条的时候。方法1：[... 阅读全文
摘要：
canvas元素在html5中的重要性非同一般。配合JS让我们实现了在浏览器页面中作画的强大功能。不再单单依靠图片，flash等外部文件，减少http请求，从而网页加载速度更加快捷。简单的线段：看个小演示 canvas小房子不用函数累死人。。。。旋转：使用提供的rotate()方法。需要注意的是，在... 阅读全文
摘要：
先看一张图明显看出Html5的页面布局方式要比html4.0 div+css传统布局模式简洁许多，同时对搜索引擎更加友好。语义化标签的好处就不多说了。说几个有意思的新增标签： 显示一个测量计，可用于温度，气压等meter演示 显示一个进度条，配合js可以显示动态加载效果。用于加载进度，下载进度等。p... 阅读全文
摘要：
javascript 是弱数据型语言，也就是说声明变量时不需要指定数据类型。而是在执行时由浏览器中的js引擎来决定。一般来说，我们需要用var来声明变量，但是写不写有什么区别呢？先看一段代码：[html]view plaincopy运行结果为 100 ，3 ，100经过测试，就结果就很清楚了。在局部... 阅读全文