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

  • HTML5中meta属性的使用代码示例详解
    HTML5中meta属性的使用代码示例详解
    meta属性在HTML中占据了很重要的位置。如:针对搜索引擎的SEO,文档的字符编码,设置刷新缓存等。虽然一些网页可能没有使用meta,但是作为正规军,我们还是有必要了解一些meta的属性,并且能够熟练使用它们。 1、声明文档使用的字符编码2、声明文档的兼容模式<meta http-equiv=X-UA-Compatible content=IE=
    H5教程 . web前端 1586 2017-03-11 15:47:58
  • li标签实现日期,标题右对齐的方法
    li标签实现日期,标题右对齐的方法
    希望实现标题在左对齐,日期在右对齐,当直接给日期的span加上float:right时,IE8和FF都OK,但IE6/7则会换行,下面给出一个简单有效的解决办法。
    H5教程 . web前端 4797 2018-05-18 17:17:50
  • H5移动端 超实用的css3模拟边框最新研究示例代码
    H5移动端 超实用的css3模拟边框最新研究示例代码
    移动端H5 css3模拟边框最新研究(超实用) by FungLeo前言在之前写的一篇博文《移动端H5的一些基本知识点总结 第五节 边框的处理》中,我提到,可以使用 box-shadow:0 0 0 1px #ddd; 这样的方式,来模拟边框.当然,博文中的内容并没有错,但是却有一定的局限性.因此,今天在这里,纠正和完善我之前的博文中的缺陷. 为什么要模拟边框,而不是直接写边框? 因为边框
    H5教程 . web前端 2262 2017-03-10 16:54:22
  • H5移动端做一个不限个数的通栏按钮的示例代码详解
    H5移动端做一个不限个数的通栏按钮的示例代码详解
    移动端H5做一个不限个数的通栏按钮 by FungLeo前言在移动端h5的页面上经常需要一些通栏的按钮.当然,要做一个通栏的按钮这个事儿还是巨简单的.可是,产品经理和设计师永远都会给你添点麻烦.比如,明明是格式一样的按钮,但这里是一个通栏的按钮,到下面,就变成了通栏需要两个按钮,进到内页,就是三个按钮挤在一个通栏上.如果没有一个合理的解决方法,那么,无疑是非常恶心的.因为,我们必须写多个样式.而我们
    H5教程 . web前端 1975 2017-03-10 16:49:28
  • H5移动端各种各样的列表的制作方法(七最终章)
    H5移动端各种各样的列表的制作方法(七最终章)
    移动端H5各种各样的列表的制作方法(七最终章) by FungLeo前情回顾前五章的学习地址: 《移动端H5各种各样的列表的制作方法(一)》 《移动端H5各种各样的列表的制作方法(二)》 《移动端H5各种各样的列表的制作方法(三)》 《移动端H5各种各样的列表的制作方法(四)》 《移动端H5各种各样的列表的制作方法(五)》 《移动端H5各种各样的列表的制作方法(六)》 如果你是先看到
    H5教程 . web前端 2590 2017-03-10 16:46:36
  • H5移动端各种各样的列表的制作方法(六)
    H5移动端各种各样的列表的制作方法(六)
    在前面两章中,讲的都是两列布局的图文列表.而事实上,两列布局的图文列表还是比较简单的.这一章,我们将要更进一步来挑战难度.实现一个相对来说,非常复杂的布局方式.
    H5教程 . web前端 1971 2017-03-10 16:44:53
  • H5移动端各种各样的列表的制作方法(五)
    H5移动端各种各样的列表的制作方法(五)
    在第四章中,我们学习了如何来做一个双列的图文列表.但是,这个图文列表是有一定的局限的.局限就是,其中的图片必须为正方形.
    H5教程 . web前端 1745 2017-03-10 16:42:23
  • H5移动端各种各样的列表的制作方法详解(四)
    H5移动端各种各样的列表的制作方法详解(四)
    前面三章,都是说一个普通的列表应该如何去实现.难度由易到难,但总的来说,一看就能掌握.这一章,我们来做图文列表.两列的图文列表是非常常见的.在JD\TB等电商移动端H5更是比比皆是.这里,我们先来做一个最简单的.
    H5教程 . web前端 2107 2017-03-10 16:39:07
  • H5移动端各种各样的列表的制作方法详解(三)
    H5移动端各种各样的列表的制作方法详解(三)
    前情回顾在上一篇博文《移动端各种各样的列表的制作方法(二)》中,我们再通过两个DEMO,演示了一下在移动端H5中更多需求的列表制作.不过,看起来,好像还是蛮简单的.这一章,接着深入. 如果你是先看到的这篇文章,建议您先去上面的链接,把对应的内容给看一下,这样上下文连贯,更容易理解本文的内容.带小图标的列表上面两章,我们做了一些普通的列表
    H5教程 . web前端 2882 2018-05-28 16:21:29
  • H5移动端各种各样的列表的制作方法(二)
    H5移动端各种各样的列表的制作方法(二)
    移动端各种各样的列表的制作方法(二)前情回顾在上一篇博文《移动端各种各样的列表的制作方法(一)》中,我们通过两个简单的DEMO,演示了一下在移动端H5中的列表制作.不过,这两个演示还是太简单了.可能大家觉得不过如此嘛.这一章,我们将制作稍微复杂一点点的列表. 如果你是先看到的这篇文章,建议您先去上面的链接,把对应的内容给看一下,这样上下文连贯,更容易理解本文的内容.带右箭
    H5教程 . web前端 1576 2017-03-10 16:31:53
  • H5移动端各种各样的列表的制作方法(一)
    H5移动端各种各样的列表的制作方法(一)
    移动端各种各样的列表的制作方法(一) by FungLeo前言随着移动互联网的发展,大量前端人员从pc端转移动端.而很多PC端的前端经验并不适用于移动端.前几日我撰写的一篇博文《移动端H5的一些基本知识点总结》获得了大量的点击量.因此,FungLeo决定,在接下来的时间里,我将围绕移动端,展开一系列的教程. 本系列文章的CSS部分,将全部采用SASS语法撰写.如果您不会SASS,建议阅读相关教程
    H5教程 . web前端 2741 2017-03-10 16:28:31
  • HTML5/CSS3 网页加载进度条的实现,下载进度条等经典案例
    HTML5/CSS3 网页加载进度条的实现,下载进度条等经典案例
    今天给大家带来一个比较炫的进度条,进度条在一耗时操作上给用户一个比较好的体验,不会让用户觉得在盲目等待,对于没有进度条的长时间等待,用户会任务死机了,毫不犹豫的关掉应用;一般用于下载任务,删除大量任务,网页加载等;如果有使用html5为手机布局的,也可以用于手机中~效果图:1、html结构:
    H5教程 . web前端 2820 2017-03-10 16:15:41
  • HTML5/CSS3 3D立方体旋转动画经典案例
    HTML5/CSS3 3D立方体旋转动画经典案例
    前面的3D商品展示中已经说过如何制作正方体,并且那个上面还有数字,理论上说比这个复杂,虽然木有这个炫~这里就不多说了。
    H5教程 . web前端 2351 2017-03-10 16:13:21
  • HTML5/CSS3专题 canvas 模拟实现电子彩票刮刮乐示例代码(图)
    HTML5/CSS3专题 canvas 模拟实现电子彩票刮刮乐示例代码(图)
    今天给大家带来一个刮刮乐的小例子~基于HTML5 canvas的,有兴趣的可以改成android版本的,或者其他的~效果图:贴一张我中500w的照片,咋办啊,怎么花呢~好了,下面开始原理:1、刮奖区域两个Canvas,一个是front , 一个back ,front遮盖住下面的canvas。2、canvas默认填充了一个矩形,将下面canvas效果图遮盖,然后监
    H5教程 . web前端 2702 2017-03-10 16:06:49
  • HTML5/CSS3专题 3D展示商品信息的经典案例
    HTML5/CSS3专题 3D展示商品信息的经典案例
    强化下perspective和transform:translateZ的用法。传统的商品展示或许并不能很好的吸引用户的注意力,但是如果在展示中添加适当的3D元素,~说不定效果不错哈~效果图:说明一下:这个创意不是我想的,哈~模仿别人的,创意应该是w3cplus上的。当然了,重点是教大家如何做,就当高仿了~首先,先教大家利用CSS3制作一个正方体:在木有CSS
    H5教程 . web前端 2119 2017-03-10 15:55:53

PHP讨论组

组员:3305人话题:1500

PHP一种被广泛应用的开放源代码的多用途脚本语言,和其他技术相比,php本身开源免费; 可以将程序嵌入于HTML中去执行, 执行效率比完全生成htmL标记的CGI要高许多,它运行在服务器端,消耗的系统资源相当少,具有跨平台强、效率高的特性,而且php支持几乎所有流行的数据库以及操作系统,最重要的是

学习途径

工具推荐

jQuery点击文字滚动Scrollocue插件

jQuery点击文字滚动Scrollocue插件是一款用于构建一个简单的提示提词器系统的jQuery小插件。本作品由【站长素材】收集整理,转载请注明出处!
文字特效
2025-12-19

CSS3聚光灯下倒影文字特效

CSS3聚光灯下倒影文字特效是一款使用CSS3实现的聚光灯下带倒影的文字旋转动画特效。
文字特效
2025-12-17

jQuery企业留言表单联系代码

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

HTML5 MP3音乐盒播放特效

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

雅龙智能装备工业设备类WordPress主题1.0

一个专为企业网站设计的现代化WordPress主题,集成了多语言支持、自定义SEO、Open Graph、安全加固和完全响应式设计等企业级功能。 ✨ 核心亮点- ? 完整多语言系统 - 支持中文、英文、越南语、葡萄牙语,可扩展- 自定义SEO功能 - 文章、页面、分类独立SEO设置- Open Graph支持 - 完整的社交媒体分享优化- 22项安全加固 - 企业级安全防护,防止脚本小子攻击- 完全响应式 - 完美适配手机、平板、桌面设备- 高性能优化 - 智能缓存、条件加载、代码优化-
企业站源码
2025-12-18

威发卡自动发卡系统

? 威发卡 - 自动发卡系统 (PHP)? 系统概览? 模板说明 自带一套响应式模板
电商源码
2025-12-17

卡密分发系统

一款卡密/授权码/激活码领取系统,前台注册账号登录之后自动进入会员中心可以领取卡密,已限制每个自然月(1号到月末)领取一次,后台可以生成密码,可以导出,用于导入卡密系统或者授权系统 安装环境:PHP7.2(需安装SG11)+SQL 将源码上传到网站根目录,访问域名将进入安装程序
电商源码
2025-12-16

中华陶瓷网

中华陶瓷网V2013版DT5.0内核模板是高仿必途搜索的2012版,系统核心是DestoonV5.0版本,
电商源码
2025-12-16

极简线条香槟庆祝海报矢量模板

极简线条香槟庆祝海报矢量模板适用于私人酒会、画廊开幕式或高端晚宴的电子邀请函、餐厅新年跨年夜的预订海报等相关视觉场景设计的由AI生成的Ai格式素材。
矢量素材
2025-12-21

手绘健身房运动器材矢量素材

手绘健身房运动器材矢量素材适用于健身房的开业宣传单、私教课程介绍页的小图标、运动水壶、毛巾等周边产品的印花图案设计等相关视觉场景设计的由AI生成的Ai格式素材。
矢量素材
2025-12-21

色彩缤纷新鲜水果矢量素材

色彩缤纷水果合集矢量素材适用于鲜榨果汁店、奶茶店的菜单配料插图、生鲜超市“夏季水果节”的促销海报背景元素等相关视觉场景设计的由AI生成的Ai格式素材。
矢量素材
2025-12-21

复古美式早午餐海报矢量模板

复古美式早午餐海报矢量模板适用于西餐厅或咖啡馆推出“周末早午餐”活动的宣传单、式复古风格烘焙店的墙面装饰画或垫餐纸设计等相关视觉场景设计的由AI生成的Ai格式素材。
矢量素材
2025-12-21

驾照考试驾校HTML5网站模板

驾照考试驾校HTML5网站模板是一款适合提供驾驶培训和组织驾照考试服务机构宣传网站模板下载。提示:本模板调用到谷歌字体库,可能会出现页面打开比较缓慢。
前端模板
2025-06-10

驾照培训服务机构宣传网站模板

驾照培训服务机构宣传网站模板是一款适合提供一般驾驶和计划培训的驾校宣传网站模板下载。提示:本模板调用到谷歌字体库,可能会出现页面打开比较缓慢。
前端模板
2025-01-07

新鲜有机肉类宣传网站模板

新鲜有机肉类宣传网站模板是一款适合提供各种新鲜有机肉类食材宣传网站模板下载。提示:本模板调用到谷歌字体库,可能会出现页面打开比较缓慢。
前端模板
2025-01-06

HTML5房地产公司宣传网站模板

HTML5房地产公司宣传网站模板是一款适合从事房地产服务行业宣传网站模板下载。提示:本模板调用到谷歌字体库,可能会出现页面打开比较缓慢。
前端模板
2025-01-06
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号