首页>网页设计教程> 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
上一页 165166167168169170171172173下一页