![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
H5 学习
jia-huan
越菜越爱玩儿
展开
-
H5 轮播图 支持 无限轮播 + 手势滑动 + 放开回弹
效果图第一张效果图展示的是无限轮播的效果第二张效果图,展示的是支持手势拖动,放开回弹的效果具体可以看这个链接: H5APP思路在Android中,总有各种成型的控件,当然我在 H5中也找到了轮播的插件,但是貌似不支持手势之类的效果,就直接自己写了.APP中轮播的是4张图: imgUrl1, imgUrl2, imgUrl3, imgUrl4.我则使用6个img控件,显示成:...原创 2019-01-09 17:48:47 · 6148 阅读 · 0 评论 -
H5开发前准备
本章内容为什么学习HTML5软硬件环境列表内容介绍HTML5环境搭建常见问题解决掌握技能需求为什么学习HTML5自从2010年html5正式推出以来,它立刻受到了世界各大浏览器的热烈欢迎和支持。根据世界上各大IT界知名媒体的评论,新的web时代,html5的时代马上就要到来跨平台运行硬件要求低flash之外的选择软硬件环境硬件:双核,2G内存原创 2016-05-10 23:05:00 · 816 阅读 · 0 评论 -
H5特性简介
本章内容1. 了解HTML2. HTML5相关知识3. HTML5的新特性4. intelliJ IDEA 的基础使用5. HTML基础讲解什么是HTML?HTML是用来描述网页的一种语言HTML指超文本标记语言(Hyper Text Markup Language)HTML不是编程语言,是一种标记语言HTML版本: 1991--HTML 1993--HTML+原创 2016-05-11 22:41:41 · 1367 阅读 · 0 评论 -
HTML5元素、属性和格式化
本章内容HTML元素HTML属性HTML格式化HTML元素元素指的是从开始标签到结束标签的所有代码,比如://开始标签 元素内容 结束标签 <p> hello hello hello </p>HTML元素语法: 1. 元素的内容是开始标签与结束标签之间的内容 2. 空元素在开始标签中进行关闭,例如:<br /> 3. 大多数HT原创 2016-05-12 23:18:17 · 635 阅读 · 0 评论 -
HTML5样式、链接和表格
本章内容1. HTML样式2. HTML链接3. HTML表格HTML样式1. 标签: <style>:样式定义 <link>:资源引用 2. 属性: rel="stylesheet":外部样式表 type="text/css":引入文档的类型 margin-left:边距3. 三种样式表插入方法: 外部样式表: <link原创 2016-05-14 00:26:16 · 879 阅读 · 0 评论 -
HTML5列表、布局和块
本章内容HTML列表HTML布局HTML块HTML列表<ol> 有序列表<ul> 无序列表<li> 列表项<dl> 列表<dt> 列表项<dd> 描述前瞻代码:<!DOCTYPE html><html><head lang="en"&原创 2016-05-14 23:58:25 · 940 阅读 · 0 评论 -
HTML表单和PHP环境搭建
本章内容HTML表单PHP环境搭建HTML5与PHP交互HTML表单表单用于获取不同类型的用户输入常用表单标签: <form> 表单 <input> 输入域 <textarea> 文本域 <label> 控制标签 <fieldset>原创 2016-05-15 23:33:42 · 780 阅读 · 0 评论 -
HTML5框架、背景和实体
本章内容HTML5框架HTML5背景HTML5实体HTML框架框架标签(frame): 框架对于页面的设计有着很大的作用框架集标签(<frameset>) : 框架集标签定义如何将窗口分割为框架 每一个frameset定义一系列行或列 rows/cols的值规定了每行或每列占据屏幕的面积常用标签: noresize: 固定框架大小 cols:列 rows:行内联框架原创 2016-05-16 22:10:59 · 1198 阅读 · 0 评论 -
XHTML介绍
本章内容XHTML简介XHTML元素XHTML属性XHTML简介什么是XHTML? XHTML指的是可扩展超文本标记语言 XHTML与HTML4.01几乎是相同的 XHTML是更严格更纯净的HTML版本 XHTML是以XML应用的方式定义的HTML为什么使用XHTML? 为了代码的完整性和良好性文档声明: DTD:规定了使用通用标记语言的网页语法三种XHTML文档类型原创 2016-05-18 00:30:35 · 588 阅读 · 0 评论 -
CSS3基础
本章内容CSS介绍CSS基础语法CSS高级语法CSS派生选择器CSSID选择器CSS类选择器CSS属性选择器CSS介绍CSS概述CSS指层叠样式表CSS样式表极大地提高了工作效率CSS基础语法selector{ property:value}属性大于1个之后,属性之间用分号隔开 例:h1{color:red; font-size:14px;}如果值大于一个单词,则需要原创 2016-05-18 23:06:36 · 383 阅读 · 0 评论 -
CSS基本样式
本章内容CSS样式-背景CSS样式-文本CSS样式-字体CSS样式-链接CSS样式-列表CSS样式-表格CSS样式-轮廓CSS样式-背景背景:CSS允许应用纯色作为背景,也允许使用背景图像创建相当复杂的效果属性background-attachment 背景图像是否固定或者随着页面的其余部分滚动,默认滚动的,会随着滚动滑出屏幕background-color原创 2016-05-19 23:41:35 · 92 阅读 · 0 评论 -
CSS定位
本章内容CSS定位——定位CSS定位——浮动CSS定位——浮动的应用CSS定位CSS定位改变元素在页面上的位置CSS定位机制普通流:元素按照其在HTML中的位置顺序决定排布的过程浮动绝对布局CSS定位属性positon 把元素放在一个静态的、相对的、绝对的、或固定的位置中top 元素向上的偏移量left原创 2016-05-20 18:49:03 · 466 阅读 · 0 评论 -
CSS盒子模型
本章内容CSS盒子模型-概述CSS盒子模型-内边距CSS盒子模型-边框CSS盒子模型-外边距CSS盒子模型-外边距合并CSS盒子模型-盒子模型应用CSS盒子模型-概述盒子模型的内容范围包括margin、border、padding、content部分组成CSS盒子模型-内边距内边距内边距在content外,边框内属性原创 2016-05-21 08:17:01 · 1013 阅读 · 1 评论 -
CSS选择器
本章内容元素选择器选择器分组类选择器详解ID选择器详解属性选择器详解后代选择器子元素选择器相邻兄弟选择器原创 2016-05-24 07:40:17 · 401 阅读 · 0 评论 -
CSS常用操作
本章内容对齐尺寸分类导航栏图片对齐使用margin属性进行水平对齐居中效果:<body> <div class="div"></div></body>.div{ width: 70%; height: 800px; background-color: aquamarine; margin-left: auto; margin-right:原创 2016-05-24 23:06:26 · 440 阅读 · 0 评论 -
CSS动画--页面特效
本章内容2D、3D转换过渡动画多列瀑布流效果 2D、3D转换通过CSS3转换,我们能够对元素进行移动、缩放、转动、拉长或拉伸转换是使元素改变形状、尺寸和位置的一种效果 可以使用2D、3D来转换元素2D转换方法translate() rotate() scale() matrix()3D转换方法rotateX() rotateY()示例:<body> <div>第一个di原创 2016-05-27 08:05:21 · 1209 阅读 · 0 评论 -
Javascript基础
本章内容Javascript基础-介绍、实现、输出Javascript基础-语法和注释Javascript基础-变量和数据类型 Javascript基础-介绍、实现、输出介绍 - JavaScript是互联网上最流行的脚本语言,这门语言可用于web和HTML,更可广泛用于服务器、pc端、移动端。 - JavaScript脚本语言 - JavaScript是一种轻量级的编程语言原创 2016-06-03 22:34:05 · 355 阅读 · 0 评论 -
京东首页
前言终于在今天初步完成了 京东首页 的前端布局,纯 html/css,断断续续,坑坑哇哇写了两个星期。不过,代码会不断更新,JS 和 JQ 的使用也需要不断的练习。代码地址:https://github.com/cjhandroid/jdhomepage原创 2016-11-02 19:07:51 · 1052 阅读 · 0 评论 -
CircleProgressBar by CSS+SVG
先上效果图在复习&amp;学习使用H5开发的过程中,第一个动画控件就是模仿 Android 原生的 ProgressBar.html 代码&lt;body bgcolor="white" style=" background: url('../imgs/daily.jpg') no-repeat center 0px; background-...原创 2018-04-18 15:04:45 · 224 阅读 · 0 评论