首页>网页设计教程> HTML教程
全部 Dreamweaver教程 Javascript教程 HTML教程 CSS教程 心得技巧 DHTML教程 网页特效 WEB标准化
HTML教程
  • 详解HTML常用的标签中行内元素和块级元素

    详解HTML常用的标签中行内元素和块级元素

    块元素(block element) HTML标签分类明细* address - 地址* blockquote - 块引用* center - 举中对齐块* dir - 目录列表* div - 常用块级容易，也是css layout的主要标
    2025-01-30
  • 使用Html5、CSS实现文字阴影效果

    使用Html5、CSS实现文字阴影效果

    前两天有一个学html5前端小美女问我一个有关文字阴影的效果怎么去实现。她和我说文字阴影嘛,她也知道text-shadow,.但是却做不出想要的样子,其实css3的新功能是很强大的,不要把你的思想太过于局限化,好了,闲话也不多说,咱们就先来
    2025-01-30
  • 微信端html5页面调用分享接口示例

    微信端html5页面调用分享接口示例

    最近公司做了一个给学生投票的H5页面，主要是在微信端使用，需要添加微信分享功能；本文章主要是记录调用微信分享接口需要注意的事项；1、前端用的angular1框架，首先需要在index页面引入微信接口文件；<script src=http:/
    2025-01-30
  • mui几种页面跳转方式对比总结概括

    mui几种页面跳转方式对比总结概括

    【几种打开页面的方式】1.初始化时创建子页面2.直接打开新页面3.预加载页面【示例】1.初始化时创建子页面mui.init({subpages: [{url: your - subpage - url, //子页面HTML地址，支持本地地址
    2025-01-29
  • html5使用canvas实现图片下载功能的示例代码

    html5使用canvas实现图片下载功能的示例代码

    最近项目中需要实现一个下载图片的功能(如下图)一开始考虑使用a标签的download属性进行下载：<a href=图片src download=下载海报>下载海报</a>但是通过测试，发现再safari中，下载的文件不能带上拓展名，所以只好
    2025-01-29
  • HTML5实现分享到微信好友朋友圈QQ好友QQ空间微博二维码功能

    HTML5实现分享到微信好友朋友圈QQ好友QQ空间微博二维码功能

    这是分享按钮：<button onclick=call()>通用分享</button><button onclick=call(wechatFriend)>微信好友</button><button onclick=call(wechatTi
    2025-01-29
  • HTML阻止iframe跳转页面并使用iframe在页面内嵌微信网页版的实现方法

    HTML阻止iframe跳转页面并使用iframe在页面内嵌微信网页版的实现方法

    就想弄一个winform结合html5的一个小东西，突有兴致，想在里面嵌套一个微信网页版。好了，想法一出来，就行动吧，最终效果如下图：一开始就打算在页面里面嵌套一个iframe指向https://wx.qq.com就OK了，但是我还是太天真
    2025-01-29
  • 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
 12345下一页