HTML5
关注
分享
扫一扫
文章平均质量分 66
草木黄尘
这个作者很懒，什么都没留下…
展开
-
canvas实现放大镜功能
采用canvas实现放大镜功能，只需要使用一个方法。。。 先奉上效果图： 先介绍该方法： drawImage（） 这个方法有三种使用情况： 1、drawImage(img,x,y) 三个参数，第一个参数当然是img元素了，也可以是video元素或者Image对象，x 、y 为图片绘制时在画布中的起始坐标，图像大小与原图相同。 2、drawImage(img , x , y , w原创 2016-03-17 20:53:31 · 4893 阅读 · 0 评论 -
canvas实现挂钟
canvas实现挂钟，实现该效果不难，只是实现过程帮助我们更好的掌握几个知识点。 照例先奉上效果图： <div id="block"><canvas id="bgcan" width="250" height="250"></canvas><canvas id="clockcan" width="200" height="200"></canvas></div>div设置整个背景图。 这原创 2016-03-18 16:38:34 · 381 阅读 · 0 评论 -
音乐播放器
因为日常喜欢听音乐，也就很想编写一个音乐播放器玩玩。现在积累的差不多了，今天用html5和jquery实现一个音乐播放器的插件。 先奉上最终实现的效果图： 界面很简单，功能主要包括： 控制当前播放歌曲的进度； 前后切换； 播放模式包括顺序播放、单曲循环、随机播放； 显示隐藏歌单；1、创建插件文件夹： 2、编写music.html文件：<!DOCTYPE html><html>原创 2016-02-26 17:48:37 · 805 阅读 · 0 评论 -
视频播放器
今天编写一个视频播放器插件，依然采用html5+jquery，所需要的知识点和上一篇（音乐播放器）差不多。照例先奉上最终效果图： 1、创建文件夹： 2、编写video.html文件：<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>视频播放器</title> <link rel="style原创 2016-02-27 10:23:27 · 684 阅读 · 0 评论 -
HTML标签嵌套问题
HTML里块元素都可以自由嵌套吗，如果不能，会产生什么问题？ 以前没思考这个问题，也没发现这个问题，可能代码太规范了⁄(⁄ ⁄•⁄ω⁄•⁄ ⁄)⁄ 终于，偶然写了这么一段代码 :-( 基础没学好，迟早得补回来） 浏览器里运行字体颜色并没有变化，“F12”找原因发现了这个： 这是什么鬼，换成h1等其他块元素也是这种情况，用display属性修改为inline也无济于事。赶紧补补知识总原创 2016-06-11 21:07:00 · 1459 阅读 · 0 评论