前端ABCHTML5中的picture元素响应式处理图片
xiaoqi 发布于 2017-05-26
<picture>的工作原理 <picture>语法 由上面的示例代码可知，在没有引入js和第三方库，CSS中没有包含media queries的情况下，<picture>元素可以实现只用HTML来声明响应式图片； <source>...
标签：html5
html5使用本地文件数据库编写留言本
xiaoqi 发布于 2017-05-06
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>本地文件数据库实现web留言本</title> </head> <bo...
HTML5 JS实现搜索匹配功能
xiaoqi 发布于 2017-03-24
HTML5+jquery实现的搜索匹配效果，或者说是搜索过滤，当你在文本框输入一个字符时，如果下边的列表中有以此为开头的内容时，将自动为你显示相关内容，示例中仅列出了一些，用时候你可以自己再完善下，代码仅为您提供一种思路，我想对你是有帮助的 <!DOCTYPE html&g...
html5+css3 实现鼠标过境显示下边框,显示有过渡效果
xiaoqi 发布于 2017-03-17
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>qdabc.cn</title> <style> ul ...
漂亮的手风琴导航栏
xiaoqi 发布于 2017-03-10
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>手风琴类导航栏</title> <style type="text/css">...
HTML5元素拖放
xiaoqi 发布于 2017-03-01
概叙 HTML5中的元素都是可以拖放的，拖放可以分成两个动作。 在某个元素上按下，然后开始移动鼠标，在移动的过程中，只要没有松开鼠标，将会不断产生拖动事件，这个过程称为“拖”。 把被“拖”的移到另一个元素上并松开鼠标，这个动作被称为“放”。 拖放操作“拖”和“放”两个动作组成。 ...
HTML5多媒体标签用法
xiaoqi 发布于 2017-02-26
1、借助第三方网站播放视频 直到现在，我们的视频依旧是采用第三方的网站(如优酷土豆)播放视频，并且需要借助于flash技术。 2、利用HTML5中的video实现 但是在HTML5中，我们只需要借助video这个标签就能实现视频的播放。 标签属性: autoplay——视频默认加...
HTML5移动端触摸屏图片轮播滑动
xiaoqi 发布于 2017-02-18
JS_touch介绍 touchstart:当手指触摸屏幕时触发；即使已经有一个手指放在了屏幕上也会触发。 touchmove:当手指在屏幕上滑动时连续的触发。在这个事件发生期间，调用preventDefault()可阻止滚动。 touchend:当手指从屏幕上移开时触发。 to...
前端面试HTML5+CSS3初级面试题
xiaoqi 发布于 2017-02-07
1、简单说一下对HTML5+CSS3的了解。 Html5和CSS3不仅是两项新的Web技术标准，而且代表了下一代HTML和CSS技术。其未来的发展前景已经可以预见，那就是HTML5必将被越来越多的Web开发人员所使用。各大浏览器厂家已经积极更新自己的产品，以更好地支持H...
HTML5中Canvas与SVG的画图原理比较
xiaoqi 发布于 2017-01-31
canvas 与 SVG都能够使你在浏览器中画图，但它们的基本原理不同,接下来将对canvas 与 SVG的画图原理进行介绍，感兴趣的朋友可以了解下。 canvas 与 SVG都能够使你在浏览器中画图，但它们的基本原理不同。 SVG SVG是一种在XML中描述二维图形的语言。 S...