首页>网页设计教程> HTML教程
全部 Dreamweaver教程 Javascript教程 HTML教程 CSS教程 心得技巧 DHTML教程 网页特效 WEB标准化
HTML教程
  • HTML5 Canvas实现360度全景图的示例代码

    HTML5 Canvas实现360度全景图的示例代码

    很多购物网站现在都支持360实物全景图像,可以360度任意选择查看样品,这样对购买者来说是一个很好的消费体验,网上有很多这样的插件都是基于jQuery实现的有收费的也有免费的,其实很好用的一个叫3deye.js的插件。该插件支持桌面与移动终
    2025-01-26
  • HTML5仿微信聊天界面、微信朋友圈实例代码

    HTML5仿微信聊天界面、微信朋友圈实例代码

    这几天使用H5开发了一个仿微信聊天前端界面,尤其微信底部编辑器那块处理的很好,使用HTML5来开发,虽说功能效果并没有微信那么全,但是也相当不错了,可以发送消息、表情,发送的消息自动回滚定位到底部,另外可以对消息、图片、视频有不同的右键处理
    2025-01-26
  • 基于Html5 canvas实现裁剪图片和马赛克功能及又拍云上传图片 功能

    基于Html5 canvas实现裁剪图片和马赛克功能及又拍云上传图片 功能

    1.核心功能此组件功能包含:  图片裁剪(裁剪框拖动,裁剪框改变大小);  图片马赛克(绘制马赛克,清除马赛克);  图片预览、图片还原(返回原图、返回处理图);  图片上传(获取签名、上传图片)。2.核心逻辑2.1图片裁剪获取裁剪框(矩形
    2025-01-26
  • 如何在Canvas中添加事件的方法示例

    如何在Canvas中添加事件的方法示例

    作为一个前端,给元素添加事件是一件司空见惯的事情。可是在Canvas中,其所画的任何东西都是无法获取的,更别说添加事件,那么我们对其就束手无策了吗?当然不是的!我们在平时项目中肯定都用过许多Canvas的框架,我们发现事件在这些框架中已经使
    2025-01-26
  • 如何让pre和textarea等HTML元素去掉滚动条自动换行自适应文本内容高度

    如何让pre和textarea等HTML元素去掉滚动条自动换行自适应文本内容高度

    HTML中pre和textarea可以显示预格式化的文本。即保留空格和换行符。而不必添加<br>和 等HTML元素来添加换行和打印空格。pre去掉滚动条pre显示文本内容时是不会自动换行的,此时可以添加一些CSS来解决:<pre>ourjs
    2025-01-25
  • Html5页面中的返回实现的方法

    Html5页面中的返回实现的方法

    看到这个题目你可能觉得这是什么鬼? 其实我想说的是这种,看下面的录制:这种交互在H5页面中比比皆是,点击城市->弹出城市选择浮层->按返回按钮关闭浮层。这些操作都是不要点击左上角/右上角的关闭按钮就可以进行的,飞猪的H5是前进出现弹层,返回
    2025-01-25
  • 详解Html5中video标签那些属性和方法

    详解Html5中video标签那些属性和方法

    前言最近在写一个自定义播放器, 写之前我们肯定要把播放器的属性和方法全部过一遍,知彼知己,方能百战不殆嘛...后面会把自己写的播放器和踩过的一些坑也上传上来video标签行内属性src:视频的URLposter:视频封面,没有播放时显示的图
    2025-01-25
  • html5 Canvas实现图片旋转的示例

    html5 Canvas实现图片旋转的示例

    众所周知canvas是位图,你可以在里面渲染你要的东西,不过你只能操作canvas的属性来进行编辑。就是说你并不能操作画进canvas的东西,例如我在canvas里添加一幅画,我现在想将那幅画移动10px,我们并不能直接操作那幅画,因为我们
    2025-01-25
  • Html5 Canvas动画基础碰撞检测的实现

    Html5 Canvas动画基础碰撞检测的实现

    在Canvas中进行碰撞检测,大家往往直接采用游戏引擎(Cocos2d-JS、Egret)或物理引擎(Box2D)内置的碰撞检测功能,好奇的你有思考过它们的内部运行机制吗?下面将针对基本的碰撞检测技术进行讲解:1、基于矩形的碰撞检测所谓碰撞
    2025-01-25
  • HTML5离线应用与客户端存储的实现

    HTML5离线应用与客户端存储的实现

    支持离线 Web 应用开发是 HTML5 的另一个重点。所谓离线 Web 应用,就是在设备不能上网的情况下仍然可以运行的应用。开发离线Web 应用需要几个步骤。首先是确保应用知道设备是否能上网,以便下一步执行正确的操作。然后,应用还必须能访
    2025-01-25
  • Html5 localStorage入门教程

    Html5 localStorage入门教程

    定义只读的 localStorage 允许你访问一个 Document 的远端(origin)对象 Storage;数据存储为跨浏览器会话。localStorage 类似于 sessionStorage,区别在于,数据存储在 localSt
    2025-01-25
  • 详解快速开发基于 HTML5 网络拓扑图应用

    详解快速开发基于 HTML5 网络拓扑图应用

    今天开始我们就从最基础解析如何构建 HTML5 Canvas 拓扑图应用,HT 内部封装了一个拓扑图形组件 ht.graph.GraphView(以下简称 GraphView)是 HT 框架中 2D 功能最丰富的组件,其相关类库都在 ht.
    2025-01-25
  • 浅析HTML5中的download属性使用

    浅析HTML5中的download属性使用

    随着前端技术的发展,越来越多的业务场景中需要前端来处理文件下载。在众多的方法中,通过<a>标签的 download 属性实现下载是其中常见也是比较简单的一种方法。download 属性介绍常规的<a>标签通过 href 实现链接跳转,如果只
    2025-01-25
  • html中常用的转义字符总结

    html中常用的转义字符总结

    html中常用的转义字符总结,具体内容如下所示:   不断行的空格   半方大的空格   全方大的空格<    小于 <>    大于 >&   &符号"   双引号©  版权符号©®   已注
    2025-01-24
  • 使用HTML5原生对话框元素并轻松创建模态框组件

    使用HTML5原生对话框元素并轻松创建模态框组件

    HTML 5.2草案加入了新的dialog元素。但是是一种实验技术。以前,如果我们想要构建任何形式的模式对话框或对话框,我们需要有一个背景,一个关闭按钮,将事件绑定在对话框中的方式安排我们的标记,找到一种将消息传递出去的方式对话......
    2025-01-24