首页>网页设计教程> HTML教程
全部 Dreamweaver教程 Javascript教程 HTML教程 CSS教程 心得技巧 DHTML教程 网页特效 WEB标准化
HTML教程
  • 详解window.open被浏览器拦截的解决方案

    详解window.open被浏览器拦截的解决方案

    现象最近在做项目的时候碰到了使用window.open被浏览器拦截的情况，搞得人无比郁闷啊，虽然在自己的环境可以对页面进行放行，但是对用户来说，不能要求用户都来通过拦截。何况当出现拦截时，很多小白根本不知道发生了啥，不知道在哪里看被拦截的页
    2025-01-17
  • html通过canvas转成base64的方法

    html通过canvas转成base64的方法

    在H5的营销活动中，经常生成一张图片让用户分享或者保存，这时候处理方案有两种。一种是让后端生成图片，返回一个图片地址给前端展示一种是前端自主合并生成图片展示，文中主要说明这个方案demo<!--生成后存放的IMG--><img src= i
    2025-01-17
  • HTML5 WebGL 实现民航客机飞行监控系统

    HTML5 WebGL 实现民航客机飞行监控系统

    前言前些日子出差，在飞机上看到头顶的监控面板，除了播放电视剧和广告之外，还会时不时的切换到一个飞机航行的监控系统，不过整个监控系统让人感到有一点点的简陋，所以我就突发奇想制作了一个采用 HT for Web 的升级版监控系统，demo 的效
    2025-01-17
  • HTML中利用div+CSS实现简单的箭头图标的代码

    HTML中利用div+CSS实现简单的箭头图标的代码

    在网页设计中，我们经常得会用到一些箭头做为装饰来点缀我们的网页，虽然现在很多的网站的设计者们都喜欢以引用字体图标的形式来实现箭头的效果，但那样也会给网页的加载造成一些影响。今天飞鸟慕鱼小编就给大家说一说，在网页设计中如何利用div加CSS的
    2025-01-17
  • 利用 Canvas实现绘画一个未闭合的带进度条的圆环

    利用 Canvas实现绘画一个未闭合的带进度条的圆环

    最终效果图一、定义变量定义半径，定义圆环厚度，定义圆心位置、定义默认填充颜色let radius = 75let thickness= 10let innerRadius = radius - thicknesslet x = 75let
    2025-01-17
  • Canvas图片分割效果的实现

    Canvas图片分割效果的实现

    之前在逛cssdesignawards时发现了一个把图片内容分割的效果（网址：https://weareludwig.com），大家可以点进去看看，感觉挺炫酷的，于是自己试着实现了一下，效果还不错。效果查看https://codepen.i
    2025-01-17
  • HTML5中的Web Notification桌面通知功能的实现方法

    HTML5中的Web Notification桌面通知功能的实现方法

    有的时候我们会在桌面右下角看到这样的提示：这种桌面提示是HTML5新增的 Web Push Notifications 技术。Web Notifications 技术使页面可以发出通知，通知将被显示在页面之外的系统层面上。能够为用户提供更好
    2025-01-17
  • html5 冒号分隔符对齐的实现

    html5 冒号分隔符对齐的实现

    <!DOCTYPE html><html><head> <meta charset=utf-8> <meta name=viewport content=width=device-width,initial-scale=1.0,
    2025-01-17
  • 前端实现背景虚化但内容清晰且自适应 的实例代码

    前端实现背景虚化但内容清晰且自适应 的实例代码

    讲干货，不啰嗦，有时候前端会遇到背景虚化但要求内容清晰的需求，先看效果：以下为具体实现：<!DOCTYPE html><html lang=en><head> <meta charset=UTF-8> <title>背景虚化</
    2025-01-17
  • HTML5实现移动端弹幕动画效果

    HTML5实现移动端弹幕动画效果

    思路1.把单个内容编辑好，计算自身宽度，确定初始位置2.移动的距离是屏幕宽度3.js动态的添加css动画函数，将高度、动画移动时间、动画延迟时间都用随机数控制代码：html骨架结构(以三个为例，如果觉得界面太长不友好，也可以js动态的生成)
    2025-01-17
  • 关于前端上传文件全面基础扫盲贴（入门）

    关于前端上传文件全面基础扫盲贴（入门）

    前言为什么分章节写呢？因为覆盖的知识点比较多，也可能我力尽详细介绍，照顾下基础不好的人，温故而知新。刚开始的确是打算一篇搞定的，写道一半发觉已经相当长篇大论了，好多人例如我一进来看到这么多内容就已经怕了，而且不是每个人都需要了解全部内容，于
    2025-01-17
  • 把富文本的回车转为br标签

    把富文本的回车转为br标签

    例如：我家孩子在SayABC小班课↵跟小伙伴们一起互帮互助，↵合作竞争，学习更加有动力！↵从简单的单词到句型和场景对话，↵孩子越来越敢于开口说英语啦！[耶]↵扫码立即领取外教课[爱
    2025-01-17
  • HTML5自定义属性的问题分析

    HTML5自定义属性的问题分析

    问题背景在页面与js传值中我们经常用到data-id=1的方式，然后通过e.target.dataset.id取id的值今天在获取值时怎么也取不到问题分析后来发现e对象有currentTarget和target属性，而dataset就在cu
    2025-01-17
  • Html5 实现微信分享及自定义内容的流程

    Html5 实现微信分享及自定义内容的流程

    最近一个项目有一个微信分享并且需要自定义微信分享内容的需求，因为是第一次接触到微信分享，所以记录一下期间遇到的一些问题，以及完成功能的整个流程。以下为大概流程(细节放在各个阶段)安装 weixin-js-sdk初始化微信分享配置微信分享自定
    2025-01-17
  • 手把手教你用canvas实现给图片添加平铺水印的实现

    手把手教你用canvas实现给图片添加平铺水印的实现

    最近项目中遇到一个需求，需要把一张图片加上平铺的水印类似这样的效果首先想到的是用canvas完成这种功能，因为我之前也没有接触过canvas，所以做这个功能的时候，就是一步一步的摸索中学习，过程还是挺nice的，接下来跟我一步步来实现这个功
    2025-01-17
上一页 170171172173174175176177178下一页