当前位置:首页 > 技术文章 > web前端 > H5教程

  • 利用gulp实现压缩的实例
    利用gulp实现压缩的实例
    1,下载安装node 访问 http://nodejs.org ,然后点击大大的绿色的 install 按钮,下载完成后直接运行程序,就一切准备就绪。 npm 会随着安装包一起安装, 2,打开代码行 node -v //查看node版本,如果显示版本号,则安装成功。 npm -v   //查看npm版本,如果显示版本号,则安装成功。 定位
    H5教程 1444 2017-06-21 15:21:18
  • 在线演示一个全屏切换效果实例
    在线演示一个全屏切换效果实例
    在线演示: DEMO DEMO中及以下代码并没有写兼容代码,请使用高级浏览器打开,IE版本对CSS3支持并不太友好,IE11打开没有滚屏效果。 兼容代码前缀: -webkit- -moz- -o- -ms-   直接上代码:
    H5教程 1856 2017-06-21 14:57:30
  • 制作动态视觉差背景(h5)的方法
    制作动态视觉差背景(h5)的方法
    制作网站时,可能会用到视觉差效果 如图   视觉差在制作网页时会有很炫酷的效果,今天要讲的是如何呈现动态视觉差 效果如图:     制作方法首先需要一个视觉差的插件 我所用的插件是一款较为大众的视觉差插件 &l
    H5教程 5148 2017-06-21 14:34:40
  • 怎么能在页面上实现一个圆形可点击区域?
    怎么能在页面上实现一个圆形可点击区域?
    1.   map+area DW软件实现方法    视频:http://www.chuanke.com/3885380-190205.html 2.  border-radius(H5)     .circle{   /*圆设置*/     
    H5教程 2384 2017-06-21 14:33:57
  • WEB前端规范命名的介绍
    WEB前端规范命名的介绍
    头部 header ----------------用于头部 主要内容 main ------------用于主体内容(中部) 左侧 main-left -------------左侧布局 右侧 main-right -----------右侧布局 外套 wrap ------------------用于最外层 导航条 nav -----------------网页菜单导航条 内容 conte
    H5教程 1785 2017-06-21 14:33:16
  • Less与Sass框架如何使用?
    Less与Sass框架如何使用?
    一、Less语法   1.变量声明:     @变量名:变量值;  1 @newHeight:20px;   2.调用变量: 1 .box { 2 width: @newHeight; 3 height: @newHeight; 4 }   3.多重继承(Mixins):调用已有的类作为自己成员 1 .box1 { 2 .box; 3 }   
    H5教程 2155 2017-06-21 14:28:56
  • Html5语义化标签及兼容性处理详解
    Html5语义化标签及兼容性处理详解
    页眉 主要用于页面的头部的信息介绍,也可用于板块头部 页面上的一个标题组合 一个标题和一个子标题,或者标语的组合 妙味课堂 带您进入富有人情味的IT培训
    H5教程 1393 2017-06-21 14:27:54
  • 下载新浪微博视频和秒拍视频的方法
    下载新浪微博视频和秒拍视频的方法
    虽然新浪微博APP自己没有提供下载微博视频的功能,但我们可以借助第三方工具来下载微博视频。网上很多是要安装软件到电脑上才能用的,但如果我们想在手机上用,就用不了。 所以今天分享一个在手机上也能下载微博和秒拍视频的方法。 下载新浪微博视频和秒拍视频的方法: 1. 打开新浪微博APP,找到想要下载的视频,在含有这个视频的微博页面,点击右上角三个点号(...),然后会出现分享的弹窗,点击复制链接或通过分
    H5教程 4442 2017-06-21 14:13:23
  • CSS3 Flexbox该怎么使用?
    CSS3 Flexbox该怎么使用?
    文章来源:http://www.zhufengpeixun.cn/article/173 一、前言 Flexbox 是一个 CSS3 的盒子模型 ( box model ),顾名思义它就是一个灵活的盒子 ( Flexible Box ),为什麽最近这个属性才红起来呢?最主要也是因为 CSS3 的规范终于普及 ( 或 IE 终于败亡 ),加上行动装置的发展促成了响应式布局兴起,自适应长宽弹性相当大的
    H5教程 2200 2017-06-21 14:09:08
  • jQuery Validation的使用详解
    jQuery Validation的使用详解
    jQuery验证框架 :基本html代码: 1    2 3 4 $(functio
    H5教程 2073 2017-06-21 13:33:23
  • Web SQL数据库的使用教程
    Web SQL数据库的使用教程
    Web SQL数据库API并不是HTML5规范的一部分,但是它是一个独立的规范,引入了一组使用SQL操作客户端数据库的API。核心方法  openDatabase-使用现有的数据库或者新建的数据库创建一个数据库对象  transaction-能够控制一个事物,以及基于这种情况执行提交或者回滚  executeSql-执行实际的SQL语句打开数据库//用openDatabase()方法
    H5教程 2223 2017-06-21 13:19:34
  • 快速入门createjs实例教程
    快速入门createjs实例教程
    开始用createjs这个框架的时候,发现网上的相关教程还是挺少的,所以写一篇文章,方便日后查看。 createjs简介官网:http://www.createjs.cc/createjs中包含以下四个部分:EaselJS:用于 Sprites、动画、向量和位图的绘制,创建 HTML5 Canvas 上的交互体验(包含多点触控)TweenJS:用于做动画效果SoundJS:
    H5教程 3747 2017-06-21 10:33:14
  • 零基础学习HTML5
    零基础学习HTML5
    1个HTML5基础入门教程,4个HTML5小项目教程,带你零基础入门学习HTML5。【HTML5基础入门】教程将会介绍HTML5中的新特性,包括结构标签、新型表单标签、文件操作、Canvas、本地存储等。适合对前端编程有兴趣,已经学了HTML的人学习。实验列表:【基于 HTML5 实现本地图片裁剪】该项目实现利用 HTML5 的 canvas 技术,结合 HTML5 的 File AP
    H5教程 3938 2017-06-21 10:28:43
  • 圆弧和扇形的加载动画该怎么写?
    圆弧和扇形的加载动画该怎么写?
    0.静态效果图1.画弧度的代码width: 3em;height: 3em;border: 7px transparent solid;border-left: 7px #4DB6AC solid;border-radius: 50%;  * 这里还有另一个方式border-left:7px #4DB6AC solid; border-radius: 50%;bor
    H5教程 1740 2017-06-21 10:28:01
  • 每天一个JS 小demo之滑屏幻灯片。主要知识点:event
    每天一个JS 小demo之滑屏幻灯片。主要知识点:event
    Documentbody { margin: 0;} #wrap { margin: 100px auto; positi
    H5教程 1378 2017-06-21 09:01:04

工具推荐

jQuery企业留言表单联系代码

jQuery企业留言表单联系代码是一款简洁实用的企业留言表单和联系我们介绍页面代码。
表单按钮
2024-02-29

HTML5 MP3音乐盒播放特效

HTML5 MP3音乐盒播放特效是一款基于html5+css3制作可爱的音乐盒表情,点击开关按钮mp3音乐播放器。
播放器特效
2024-02-29

HTML5炫酷粒子动画导航菜单特效

HTML5炫酷粒子动画导航菜单特效是一款导航菜单采用鼠标悬停变色的特效。
菜单导航
2024-02-29

jQuery可视化表单拖拽编辑代码

jQuery可视化表单拖拽编辑代码是一款基于jQuery和bootstrap框架制作可视化表单。
表单按钮
2024-02-29

有机果蔬供应商网页模板 Bootstrap5

一款有机果蔬供应商网页模板-Bootstrap5
Bootstrap模板
2023-02-03

Bootstrap3多功能数据信息后台管理响应式网页模板-Novus

Bootstrap3多功能数据信息后台管理响应式网页模板-Novus
后端模板
2023-02-02

房产资源服务平台网页模板 Bootstrap5

房产资源服务平台网页模板 Bootstrap5
Bootstrap模板
2023-02-02

简约简历资料网页模板 Bootstrap4

简约简历资料网页模板 Bootstrap4
Bootstrap模板
2023-02-02

可爱的夏天元素矢量素材(EPS+PNG)

这是一款可爱的夏天元素矢量素材,包含了太阳、遮阳帽、椰子树、比基尼、飞机、西瓜、冰淇淋、雪糕、冷饮、游泳圈、人字拖、菠萝、海螺、贝壳、海星、螃蟹、柠檬、防晒霜、太阳镜等等,素材提供了 EPS 和免扣 PNG 两种格式,含 JPG 预览图。
PNG素材
2024-05-09

四个红的的 2023 毕业徽章矢量素材(AI+EPS+PNG)

这是一款红的的 2023 毕业徽章矢量素材,共四个,提供了 AI 和 EPS 和免扣 PNG 等格式,含 JPG 预览图。
PNG素材
2024-02-29

唱歌的小鸟和装满花朵的推车设计春天banner矢量素材(AI+EPS)

这是一款由唱歌的小鸟和装满花朵的推车设计的春天 banner 矢量素材,提供了 AI 和 EPS 两种格式,含 JPG 预览图。
banner图
2024-02-29

金色的毕业帽矢量素材(EPS+PNG)

这是一款金色的毕业帽矢量素材,提供了 EPS 和免扣 PNG 两种格式,含 JPG 预览图。
PNG素材
2024-02-27

家居装潢清洁维修服务公司网站模板

家居装潢清洁维修服务公司网站模板是一款适合提供家居装潢、清洁、维修等服务机构宣传网站模板下载。提示:本模板调用到谷歌字体库,可能会出现页面打开比较缓慢。
前端模板
2024-05-09

清新配色个人求职简历引导页模板

清新配色个人求职简历引导页模板是一款适合清新配色风格的个人求职简历作品展示引导页网页模板下载。提示:本模板调用到谷歌字体库,可能会出现页面打开比较缓慢。
前端模板
2024-02-29

设计师创意求职简历网页模板

设计师创意求职简历网页模板是一款适合各种不同设计师岗位个人求职简历展示网页模板下载。提示:本模板调用到谷歌字体库,可能会出现页面打开比较缓慢。
前端模板
2024-02-28

现代工程建筑公司网站模板

现代工程建筑公司网站模板是一款适合从事工程建筑服务行业宣传网站模板下载。提示:本模板调用到谷歌字体库,可能会出现页面打开比较缓慢。
前端模板
2024-02-28
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!