汉堡请不要欺负面条

一个漫长的学习之路!!!

纯CSS让IE7/IE8浏览器实现正圆角效果

纯CSS让IE7,IE8浏览器实现正圆角效果 /*主要CSS*/ * { padding: 0; margin: 0; } .box { width: 150px; height: 150px; line-height: 150px; position: relative; overfl...

2017-03-15 09:18:00

阅读数 305

评论数 0

canvas漫天闪烁的星星

一.原理 星星之所以闪烁:采用的随机的抽取的星星发生缩放,从大足见变没有。 二.代码 当前浏览器不支持Canvas,请更换浏览器后再试 var canvas = document.getElementById("canvas"...

2017-03-15 08:54:41

阅读数 358

评论数 0

判断日期是否过期

一.知识点 1.定义常量:const        2.Date()对象用于处理日期和时间 可以获取当前的时分秒: //获取系统当前时间 function getNowtime(){ //获取当前得时间 var nowTime=new Date(); var ye...

2017-03-07 15:38:02

阅读数 2276

评论数 0

canvas 绘制虚线

一.分析 原理是:求出AB点之间的长度,再设置虚线的长度dashLength,把AB是我长度/虚线长度dashLength 就是虚线数量,根据虚线数量,长度就可以得到当第i个虚线的坐标位置,在使用context.moveTo()和context.lineTo()绘制 虚...

2017-03-07 14:23:30

阅读数 1422

评论数 0

模拟下拉框选择对应菜单的内容

body,ul,li,a,p{margin: 0;padding: 0;} a{text-decoration: none; color: #555;font-size: 23px;} .zn-classreport-tabs{} .zn-classreport-tabs...

2017-03-07 09:54:42

阅读数 685

评论数 0

纯css制作三级菜单

一.注意点: 1.选择器的使用 ①element1>element2:如果元素element2不是父元素element1的直接子元素,则不会被选择。 ②element1+element2: 选择器用于选取第一个指定的元素element1之后(不是内部)紧跟的元素element2,同级元素 ③...

2017-03-07 09:13:52

阅读数 1182

评论数 0

适用于各个浏览器并兼任ie7以上的轮播图

这是使用绝对定位来做 轮播图 body,ul,li{margin: 0;padding: 0;} /*幻灯片*/ .bannerwarp{ width: 100%; h...

2017-03-06 10:36:33

阅读数 1979

评论数 0

响应不同分辨率ViewPort

在移动设备上进行网页的重构或开发,首先得搞明白的就是移动设备上的viewport了,只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用,才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。   ViewPort 标记用于指定用户是否可以缩放Web页面,如...

2017-03-06 08:50:53

阅读数 289

评论数 0

canvas图像像素处理-createImageData()(二)

createImageData() 方法创建新的空白 ImageData 对象。新对象的默认像素值 createImageData函数有两种函数原型,其语法分别如下所示 (1).createImageData(sw, sh); 其一,返回指定大小的imageData对象。 (2).createI...

2017-03-03 09:36:56

阅读数 2778

评论数 0

canvas图像像素处理- 马赛克/滤镜(一)

getImageData() 从Canvas画板上取得所选区域的像素数据. putImageData() 方法函数则表示将所得到的像素数据描画到Canvas画板上形成图形。 如何在图像中参考一个像素周围的其他像素,进而实现一个图像处理.

2017-03-02 16:24:35

阅读数 2410

评论数 0

canvas系列-图片处理(五)放大镜

一.原理 当鼠标点击并移动在画布canvas中时,会显示放大后的图片一角。移除canvas,鼠标松开或是鼠标离开点击那块范围时,则不会显示。 这个原理是:把这个图片放在离屏canvas上,而可视画布canvas放着这个图片的缩小版,填充画布。 当鼠标点击这个可视画布canvas中图像的位置,我们可...

2017-03-02 11:12:38

阅读数 342

评论数 0

canvas系列--图像处理(四) 图像添加水印

从上一章  canvas系列--图像处理(三) 图像缩放的列子来说 一.知识点 1.要清楚理解drawImage() 方法,了解drawImage() 方法在画布上可以绘制图像、画布或视频 context.drawImage(canvas,x,y,width,height); 2.在canvas...

2017-03-01 16:00:34

阅读数 590

评论数 0

canvas系列--图像处理(三) 图像缩放

图像缩放 一.首先分析原理 如图所示:每一次都显示整个图像,只不过显示整个图像时候,无论是放大还是缩小,显示的目标图像的左上角坐标不一样,而此时的sx,sy就是目标图像的左上角的坐标。当图像放大时(scale>1),sx,sy都是负数,目标图像将从canvas的外部显示,不过在canva...

2017-03-01 14:30:01

阅读数 1240

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭