首页>网页设计教程> HTML教程
全部 Dreamweaver教程 Javascript教程 HTML教程 CSS教程 心得技巧 DHTML教程 网页特效 WEB标准化
HTML教程
  • 基于HTML5陀螺仪实现ofo首页眼睛移动效果的示例

    基于HTML5陀螺仪实现ofo首页眼睛移动效果的示例

    最近用ofo小黄车App的时候，发现以前下方扫一扫变成了一个眼睛动的小黄人，觉得蛮有意思的，这里用HTML5仿一下效果。ofo眼睛效果效果分析从效果中不难看出，是使用陀螺仪事件实现的。这里先来看一下HTML5中陀螺仪事件的一些概念。陀螺仪事
    2025-02-07
  • 浅析HTML5中的 History 模式

    浅析HTML5中的 History 模式

    最近看到vue-router的HTML5 History 模式路由的实现，然后顺便又去研究了一下HTML5 的 History，以下是自己的一些理解，顺便用jquery写 一个实现类似vue-router里面HTML5 History 模式
    2025-02-07
  • 详解HTML5中的拖放事件（Drag 和 drop）

    详解HTML5中的拖放事件（Drag 和 drop）

    浏览器支持Internet Explorer 9、Firefox、Opera 12、Chrome 以及 Safari 5 支持拖放。注释：在 Safari 5.1.2 中不支持拖放。HTML5 拖放实例<!DOCTYPE html><htm
    2025-02-07
  • 使用phonegap检测网络状态的方法

    使用phonegap检测网络状态的方法

    实例如下：<!DOCTYPE html> <html> <head> <meta charset=UTF-8> <title>Check NetWork</title> <sc
    2025-02-06
  • HTML中的if判断用法

    HTML中的if判断用法

    在django的web开发过程中，编写html时，从后端传入同名列表变量，但是内容格式有所区别，需要分别判断，查阅了很多文章试了好几种方法，格式似乎都不太对（本人没有系统学习过前端，基本都是照葫芦画瓢）后来找到django框架下html的i
    2025-02-06
  • canvas实现圆形进度条动画的示例代码

    canvas实现圆形进度条动画的示例代码

    本文介绍了canvas实现圆形进度条动画，分享给大家，具体如下：先给大家看看效果图，然后在上代码。进度条动画1. canvas的HTML部分很简单就一个canvas标签canvas画布的宽高是自身的属性，要在行间样式设置，若是在style设
    2025-02-06
  • html5+CSS3+JS实现七夕言情功能代码

    html5+CSS3+JS实现七夕言情功能代码

    因为今天8月28日就是中国的情人节—七夕，作为程序猿一枚的我就只有在家敲代码咯！但我还是有一颗脱单的心；制作了h5+css+js界面祝小伙伴们：七夕快乐具体的功能有：1.下雪的背景动画2.下面的文字逐字显示，并伴有语音3.中部的图片3d轮播
    2025-02-06
  • HTML表格_动力节点Java学院整理

    HTML表格_动力节点Java学院整理

    在html中绘制表格使用table标签tr表示行td表示列th表示表头，表头通常用于列名字。下面是一个列子。<html> <head> <title>Table in html</title> </head>
    2025-02-06
  • HTML5 source标签：媒介元素定义媒介资源

    HTML5 source标签：媒介元素定义媒介资源

    HTML5 source标签是一种媒介元素（比如 <video> 和 <audio>）来定义媒介资源。<source> 标签允许您规定可替换的视频/音频文件供浏览器根据它对媒体类型或者编解码器的支持进行选择。 这里主机吧给大家讲一下sour
    2025-02-06
  • 用canvas做一个DVD待机动画的实现代码

    用canvas做一个DVD待机动画的实现代码

    免责声明不是打算教 canvas，只是觉得好玩就简单看了一下。意思就是做得略粗糙，别喷我。。效果帧数略低，实际当然流畅得多。实现 HTML<!DOCTYPE html><head> <meta name=viewport content=
    2025-02-06
  • canvas压缩图片以及卡片制作的方法示例

    canvas压缩图片以及卡片制作的方法示例

    在做一些活动页的时候，经常会有一些需要上传图片的需求，并且还需要将图片以及生成的文字以及贴图生成一张卡可以供用户可以长按保存。这个需求之前完成过一次，最近又遇上了，使用的都是canvas来实现的。干脆整理出一篇博客出来。如果有更好的实现方法
    2025-02-06
  • 详解使用HTML5 Canvas创建动态粒子网格动画

    详解使用HTML5 Canvas创建动态粒子网格动画

    最近看到一个粒子网格动画挺炫的，自己也就做了一个，当背景挺不错的。CSDN不能上传超过2M的图片，所以就简单截了一个静态图片：下面就开始说怎么实现这个效果吧：首先当然是添加一个canvas了：<canvas id=canvas></canv
    2025-02-06
  • 解决HTML5手机端页面缩放的问题

    解决HTML5手机端页面缩放的问题

    通常在写HTML5手机端页面的时候，我们会发现页面所显示元素的比例不正确，那此时我们需要添加的就是：<meta name=viewport content=width=device-width,initial-scale=1>或者是<met
    2025-02-06
  • 你可能不熟练的十个前端HTML5经典面试题

    你可能不熟练的十个前端HTML5经典面试题

    前言从前几年开始，HTML5流行风盛行，HTML5开发工程师在人才市场中变得非常吃香。作为从事HTML5开发者来说，面试是必不可少的，本文给大家总结介绍了十道大家可能并不熟练的前端HTML5经典面试题，希望对大家的面试能带来一定的帮助，下面
    2025-02-06
  • 关于html的表单元素详解（二）

    关于html的表单元素详解（二）

    HTML Input 属性value 属性value 属性规定输入字段的初始值：<form action=><input type=text name=name value=VeVb武林网></form> readonly 属性readon
    2025-02-06
上一页 152153154155156157158159160下一页