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

  • JS案例联系之留言板
    JS案例联系之留言板
    <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><style type="text/css">.wrap { width: 400px; margin: 30px auto;}textarea {
    H5教程 . web前端 1797 2017-06-23 14:51:56
  • canvas的实例--时钟动画
    canvas的实例--时钟动画
    平时在公司不忙的时候,就喜欢写一些小效果什么的,一来复习复习,二来可以发现一些问题。   今天在群里看别人发了一手表的图片,卧槽...妥妥的工作好多年的节奏,后来想想还是做好自己的事情算了,想那多干啥,就画了一个手表....   直接上代码:   html   <!DOCTYPE HTML> <html> <head&
    H5教程 . web前端 1506 2017-06-20 13:43:20
  • cookie的具体使用方法
    cookie的具体使用方法
      cookie是储存在用户本地终端上的数据。  在我们登陆网站时有记录密码,也有时间限制比如说7天,5天等等这都是我们利用cookie来写的,  这就是利用了cookie的会话周期,但cookie同时又是不安全的我们可以打开网页看到用户输入的密码,而且又是依赖于服务器环境的,  再写cookie时还要设置储存路径,而我们获取出来的值又是字符串,同时它又是非常小的,只有4kb,  下面我们来封装一
    H5教程 . web前端 3037 2017-06-20 13:42:33
  • Bootstrap拟态框+支付宝首页
    Bootstrap拟态框+支付宝首页
    任务没完成,继续来!因为刚才网不好,我辛辛苦苦打了洋洋洒洒一大堆都没了!我们今天主要是说一个简单的由Bootstrap和HTML5结合而成的小案例:首先:由标题可得知,这是移动端,所以需要这样一串代码:<meta name="viewport" content="width=device-width,initial-scale=1"/>然后说Bootstrap拟态框,就还要有这
    H5教程 . web前端 2859 2017-06-23 14:52:49
  • 盒子模型的理解
    盒子模型的理解
    盒子模型有两种:W3C和IE盒子模型 盒子模型包括margin、border、padding、content W3C的元素宽度=content的宽度 IE的元素宽度=content+padding+border   我个人认为W3C定义盒子模型与IE定义的盒子模型,IE定义的比较合理, 元素的宽度应该包含border(边框)和padding(填充),这个和我们现实生活的盒子是一样的, W
    H5教程 . web前端 2261 2017-06-23 14:53:03
  • 做web响应式设计(不用媒体查询)实例
    做web响应式设计(不用媒体查询)实例
      (0)写在前面  讲述知乎上看到的一篇文章中的一个案例,让我脑洞大开,佩服至极,特意第二天找到原文赞赏了 5元,原文地址https://zhuanlan.zhihu.com/p/27258076,案例用了很多css3的属性。(1)效果演示 (2)知识点及效果 <div class="trunc-list-wrapper" id="mylist"> <
    H5教程 . web前端 1634 2017-06-20 13:39:50
  • 移动端页面布局应该如何操作
    移动端页面布局应该如何操作
    移动端页面布局的那些事儿 http://www.xiaoxiangzi.com/Programme/CSS/4298.html 一. viewport 什么是viewport 简单来讲,viewport就是浏览器上,用来显示网页的那一部分区域了,也就是说,浏览器的实际宽度,是和我们手机的宽度不一样的,无论你的手机宽度是320px,还是640px,在手机浏览器内部的宽度,始终会是浏览器本身的vi
    H5教程 . web前端 3336 2017-06-20 13:50:26
  • 分享DOM中的表单操作,节点操作
    分享DOM中的表单操作,节点操作
    <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><script type="text/javascript">window.onload = function(){ var input = docu
    H5教程 . web前端 1661 2017-06-21 16:10:12
  • 什么是HTML5?HTML5使用详解
    什么是HTML5?HTML5使用详解
    什么是HTML5? HTML5是超文本语言,不是编程语言,html5是html语言的最新版本,需要注意浏览器的兼容性问题。 HTML5技术一般是指的是HTML5、CSS3、JavaScript三种技术的结合。 HTML5主要负责文档内容的结构和含义。 CSS3主要负责描述文档内容样式。 JavaScript主要用来负责文档内容的行为。 HTML5的基本结构。 <!doctype html&
    H5教程 . web前端 2764 2017-06-20 13:38:36
  • 基于Vue全家桶开发的前端组件管理平台
    基于Vue全家桶开发的前端组件管理平台
    项目背景 项目背景是外包类建站公司里,设计环节沉淀了大量可复用组件,设计师往往只需要微调组件就拼凑出页面,交付给前端,理论上这些组件在前端也可以复用,但实际上前端每次都要重新实现整个页面,浪费很多人力。 功能需求 这个项目的思路是,将所有组件开发出来,统一录入到一个平台上管理,设计师可以到平台上挑选组件,并实时预览和调整组件,整个过程所见即所得,平台会将调整结果生成一串代码,只要将代码交给前端,就
    H5教程 . web前端 2010 2017-06-19 10:45:48
  • css3+javascript怎么做一个旋转的3d盒子?
    css3+javascript怎么做一个旋转的3d盒子?
      今天写点css3,3d属性写的3d盒子,结合javascript让盒子随鼠标旋转起来 今天带了css3新属性3d <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/c
    H5教程 . web前端 3929 2017-06-21 16:12:43
  • CSS+HTML5的使用方法实例
    CSS+HTML5的使用方法实例
    1.HTML5基础 文档类型 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" Transitional:过渡类型 Strict:严格类型 FrameSet:框架类型 <!DOCTYPE html
    H5教程 . web前端 2746 2017-06-21 15:54:01
  • HTML5的文本样式实例介绍
    HTML5的文本样式实例介绍
     文本样式 <b>加粗</b> <i>倾斜</i> <u>下划线</u> <s>删除线</s> <sub>下标</sub> <sup>上标</sup> <p>段落元素</p> <br/>强制换
    H5教程 . web前端 2375 2017-06-20 13:49:22
  • HTML5-canvas的使用方法介绍
    HTML5-canvas的使用方法介绍
    <canvas>新元素  <canvas> 元素用于图形的绘制,通过脚本 (通常是JavaScript)来完成. <canvas> 标签只是图形容器,您必须使用脚本来绘制图形。 你可以通过多种方法使用Canva绘制路径,盒、圆、字符以及添加图像。     注意: 默认情况下 <canvas> 元素没有边框和内容。
    H5教程 . web前端 1949 2017-06-21 15:52:14
  • 如何实现table表格中的斜线表头效果
    如何实现table表格中的斜线表头效果
    table表格,这个东西大家肯定都不陌生,代码中我们时常都能碰到,那么给table加一个斜线的表头有时是很有必要的,但是到底该怎么实现这种效果呢? 我总结了以下几种方法: 1、最最最简单的做法 直接去找公司的UI,让她做一张图片,作为背景图片放到这里,然后撑满就可以了。是不是很简单!!! 2、相当简单的做法 其实了解css3的朋友,一看到这个效果,脑子中瞬间出现的就是transform这个属性,是
    H5教程 . web前端 2741 2017-06-21 16:19:04

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-22

卡通各行业职业人物矢量素材

卡通各行业职业人物矢量素材适用于幼儿园或小学“认识职业”主题班会的PPT插图、企业招聘海报上代表不同岗位的装饰小人等相关视觉场景设计的由AI生成的Ai格式素材。
矢量素材
2025-12-22

2026年圣诞主题竖版海报模板设计下载

2026年圣诞主题竖版海报模板设计适用于圣诞主题海报设计 本作品提供2026年圣诞主题竖版海报模板设计的图片会员免费下载,格式为PSD,文件大小为8.6M; 请使用软件Photoshop进行编辑,作品中文字及图均可以通过软件修改和编辑;
psd素材
2025-12-22

国潮烫金春节灯笼矢量素材

新中式金边春节元素矢量素材适用于茶叶、月饼或年货礼盒的腰封设计、企业寄送给客户的2026新年贺卡等相关视觉场景设计的由AI生成的Ai格式素材。
矢量素材
2025-12-22

驾照考试驾校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号