首页>网页设计教程> HTML教程
全部 Dreamweaver教程 Javascript教程 HTML教程 CSS教程 心得技巧 DHTML教程 网页特效 WEB标准化
HTML教程
  • HTML页面自动清理js、css文件的缓存（自动添加版本号）

    HTML页面自动清理js、css文件的缓存（自动添加版本号）

    在web项目开发过程中，我们经常会引用css、js文件，更新文件后常出现缓存问题（明明更改了代码，在浏览器上访问的时候却没有发生变化），这种情况我们通常采用以下两种解决方案：1、手动清除浏览器缓存2、添加版本号（如 layout.css?v
    2025-01-29
  • 利用html5 canvas动态画饼状图的示例代码

    利用html5 canvas动态画饼状图的示例代码

    本文介绍了利用html5 canvas动态画饼状图的示例代码，分享给大家，具体如下：先来看效果图这里并没引用jquery等第三方库，只是用dom操作和canvas的特性编写的。canvas画圆大体分为实心圆和空心圆。根据需求分析知道该圆为实
    2025-01-29
  • 详解HTML5 canvas绘图基本使用方法

    详解HTML5 canvas绘图基本使用方法

    <canvas></canvas>是HTML5中新增的标签，用于绘制图形，实际上，这个标签和其他的标签一样，其特殊之处在于该标签可以获取一个CanvasRenderingContext2D对象，我们可以通过JavaScript脚本来控制该对
    2025-01-29
  • 使用HTML5 Geolocation实现一个距离追踪器

    使用HTML5 Geolocation实现一个距离追踪器

    HTML5 Geolocation（地理定位）用于定位用户的位置。那么如何实现一个距离追踪器呢？我的思路是这样的，前提是浏览器支持h5地理定位，在这个基础上，获取用户位置，更新用户位置，计算距离，显示到页面，这样就简单实现了一个距离追踪器，
    2025-01-29
  • 详解基于canvas的视频遮罩插件

    详解基于canvas的视频遮罩插件

    为一个视频添加一个覆盖物，从而挡住视频某区域，在视频的某一时间段，比如第10到第20分钟不显示划定的这块区域。应用场景包括 遮挡卫视图标 、 遮挡视频右下角广告 、 充当马赛克 等。一个长视频可能包含多个遮罩，每个遮罩有特定的显示时间（在此
    2025-01-29
  • HTML5拖拽功能实现的拼图游戏

    HTML5拖拽功能实现的拼图游戏

    具体代码如下所示：<!--代码如下，最下面给出了我测试用的9张250*250的图片切片--><!DOCTYPE html><html><head> <meta charset=utf-8> <title>drag拖拽</titl
    2025-01-28
  • HTML5轻松实现全屏视频背景的示例

    HTML5轻松实现全屏视频背景的示例

    想在你的网页首页中全屏播放一段视频吗？而这段视频是作为网页的背景，不影响网页内容的正常浏览。那么我告诉你有一款Javascript库正合你意，它就是Bideo.js。特性自动调整：Bideo.js可以根据当前浏览器窗口的大小自动调整视频尺寸
    2025-01-28
  • 基于Canvas+Vue的弹幕组件的实现

    基于Canvas+Vue的弹幕组件的实现

    最近由于项目需要定制化一个弹幕功能，所以尝试使用canvas来开发组件。经过测试在一些低端机的效果也没有明显的卡顿，和大家交流一下弹幕效果功能介绍支持循环弹幕弹幕不重叠支持选择轨道数支持弹幕发送使用npm i vue-barrage参数配置
    2025-01-28
  • 浅谈Html5多线程开发之WebWorkers

    浅谈Html5多线程开发之WebWorkers

    我们都知道，浏览器执行js代码是单线程的，当页面脚步执行时，页面是没办法响应别的的，直到脚步的结束，而这里介绍的WebWorkers就可以改变这一切。WebWorkers是运行在后台的js代码，独立于其他脚本，不会影响页面的性能。我们可以继
    2025-01-28
  • HTML5视频播放插件 video.js介绍

    HTML5视频播放插件 video.js介绍

    video.js是一款很流行的html5视频播放插件。很适合在移动端播放视频(比如微信网页)，功能强大，且支持降级到flash,兼容ie8。官网：http://videojs.com/ git&demo ：http://files.cnbl
    2025-01-28
  • RSS 2.0 规范

    RSS 2.0 规范

    什么是RSS？RSS是一种网页内容联合格式（web content sydication format）。 它的名字是Really Simple Syndication的缩写。 RSS是XML的一种。所有的RSS文档都遵循XML 1.0规范
    2025-01-28
  • canvas仿写贝塞尔曲线的示例代码

    canvas仿写贝塞尔曲线的示例代码

    天正在等烟雨，而我在等你，啦啦啦，欢迎关注我的简书，今天分享的是原创的canvas仿写贝塞尔曲线方法。具体如下：效果图：html<canvas id=mycanvas width=500 height=500>您的浏览器不支持canvas<
    2025-01-28
  • 使用HTML5和CSS3制作一个模态框的示例

    使用HTML5和CSS3制作一个模态框的示例

    本文介绍了使用HTML5和CSS3制作一个模态框的示例，分享给大家，具体如下：源码示例可能你并不想看我下面的一堆冗长的说明，想直接查看源码或者一个在线示例。下面的链接，是我使用 CSS3 的 transition（过渡），opacity（不
    2025-01-28
  • HTML实现双11抢劵(设定时间打开抢券的页面)

    HTML实现双11抢劵(设定时间打开抢券的页面)

    废话不多说了，直接给大家贴代码了，具体代码如下所示：<!DOCTYPE html><html lang=en xmlns=http://www.w3.org/1999/xhtml><head> <meta charset=utf-8
    2025-01-28
  • 小程序canvas中文字设置居中锚点

    小程序canvas中文字设置居中锚点

    小程序中经常会遇到要生成图片的需求，图片一般会加上用户的头像和昵称之类的，头像只需要把腾讯域名添加到request和download列表中，使用wx.getImageInfo()就可以缓存到本地，成功的回调再添加进canvas中生成图片。如
    2025-01-28
上一页 162163164165166167168169170下一页