首页>网页设计教程> HTML教程
全部 Dreamweaver教程 Javascript教程 HTML教程 CSS教程 心得技巧 DHTML教程 网页特效 WEB标准化
HTML教程
  • Canvas绘制浮动球效果的示例

    Canvas绘制浮动球效果的示例

    最近关注区块链方面的信息, 瞎转悠, 偶然看到这个网站首页的效果. 一堆浮动的球, 球在距离较近的时候会有感应线连接, 鼠标也可以和球产生感应线. 看了下是用canvas做的.原效果实现效果之前对svg有过很多接触, canvas知道也可以
    2025-02-01
  • 移动端Html5页面生成图片解决方案

    移动端Html5页面生成图片解决方案

    现在有很多微信公众号运营活动，都有生成图片的需求，生成图片后可以发送给好友和发到朋友圈扩散，利于产品的宣传！1.生成图片可以用canvas,但是由于已经有了html2canvas这个开源库，所以为了节省时间就没有自己写了github地址:h
    2025-02-01
  • SVG实现多彩圆环倒计时效果的示例代码

    SVG实现多彩圆环倒计时效果的示例代码

    圆环倒计时我们经常见到，实现的方法也有很多种。但是本文将介绍一种全新的实现方式，使用SVG来实现倒计时功能。本文主要用到了SVG的stroke-dasharray和stroke-dashoffset特性。下图是倒计时运行效果：SVG倒计时案
    2025-02-01
  • 有关HTML5页面在iPhoneX适配问题

    有关HTML5页面在iPhoneX适配问题

    ​1. iPhoneX的介绍屏幕尺寸我们熟知的iPhone系列开发尺寸概要如下：△ iPhone各机型的开发尺寸转化成我们熟知的像素尺寸：△ 每个机型的多维度尺寸倍图其实就是像素尺寸和开发尺寸的倍率关系，但这只是外在的表现。倍图核心的影响因
    2025-02-01
  • 基于HTML5 Canvas 实现弹出框效果

    基于HTML5 Canvas 实现弹出框效果

    用户鼠标移入时，有弹出框出现，这样的需求很常见。这在处理HTML元素实现时简单，但是如果是对HTML5 Canvas 构成的图形进行处理，这种方法不再适用，因为Canvas使用的是另外一套机制，无论在Canvas上绘制多少图形，Canvas
    2025-02-01
  • HTML5中通过li-canvas轻松实现单图、多图、圆角图绘制，单行文字、多行文字等

    HTML5中通过li-canvas轻松实现单图、多图、圆角图绘制，单行文字、多行文字等

    Html5新增的canvas是个强大的功能， 估计大家平时都会用到，只是频率不高，偶尔用它合成图片，但是如果不进行封装的话，代码会很乱，所以对canvas常用的画图、绘制文字、保存功能进行了封装，目前还比较满意，能够快速完成canvas绘图
    2025-02-01
  • html5手机端页面可以向右滑动导致样式受影响的问题

    html5手机端页面可以向右滑动导致样式受影响的问题

    问题描述发现写的h5页面在手机端可以向右滑动，导致样式出现问题～问题排查原因一：没有进行移动端适配在html头部添加以下内容：<meta name=viewport content=width=device-width,initial-sc
    2025-02-01
  • 小程序瀑布流解决左右两边高度差距过大的问题

    小程序瀑布流解决左右两边高度差距过大的问题

    想要实现瀑布流的布局效果，并且是按照从左到右顺序显示的话，css布局方式暂时还不能满足我们的需求。参考小红书的瀑布流效果，小红书是分左右两栏的，按照奇数偶数来显示就可以。<view class=waterfall> <view cl
    2025-01-31
  • 使用phonegap获取设备的一些信息方法

    使用phonegap获取设备的一些信息方法

    device.name设备的名称device.phonegapphonegap版本device.platform设备的类型device.uuid设备唯一识别号device.version所运行的操作系统的版本device 是被指派给wind
    2025-01-31
  • iframe在移动端的缩放的示例代码

    iframe在移动端的缩放的示例代码

    工作中碰到个奇怪的问题，折腾了大半天，终于算是解决了，这里把分析思路和解决办法记录下。项目是做响应式的公司官网，前期的静态图页面切完后就提交给后台作为模板使用了，我也就基本退出项目。在后端落地时发现在在移动端页面显示不太对劲，显得很模糊。第
    2025-01-31
  • html页面中完成查找功能

    html页面中完成查找功能

    最近在搞一个被很多人改了的框架，天天看代码看的头的晕了，不过感觉进步还挺大的，自己做了一个后台可配置前台查看两个库不同数据范围的东西，还挺满意，那天拿出来分享一下，今天先说一个这几天做的功能，就是html页面的查找功能。这个功能主要是实现在
    2025-01-31
  • HTML5实现QQ聊天气泡效果

    HTML5实现QQ聊天气泡效果

    今天自己用HTML/CSS 做了个类似QQ的聊天气泡，以下是效果图：以下说下关键地方的样式设置。然后贴出html和css代码（不多）。步骤1：布局消息采用div+float布局，每条消息用一个DIV标签包裹，里面再放两个DIV分别用来包裹
    2025-01-31
  • html5自带表单验证体验优化及提示气泡修改功能

    html5自带表单验证体验优化及提示气泡修改功能

    html5自带表单验证很多朋友进行表单验证的时候，都是自己用jquery或者js手工验证，或者用一下jquery插件进行验证。因为大家觉得html5自带验证不是很好！其实，现在html5自带表单验证，目前已经蛮强大了。我们来看下我用纯htm
    2025-01-31
  • 简述Html5 IphoneX 适配方法

    简述Html5 IphoneX 适配方法

    IphoneX 的适配，关键在于怎么让页面适应 齐刘海、底部操作区域以及大圆角问题。IphoneX 相对于其他手机，不同之处在于设备虽同样都是一个屏幕，但其实被分为了好几个模块，具体见下图：我们正常的一个网页，搬到X上来，效果是 内容只显示
    2025-01-31
  • HTML简介_动力节点Java学院整理

    HTML简介_动力节点Java学院整理

    什么是 HTML？HTML 是用来描述网页的一种语言。HTML 指的是超文本标记语言 (HyperTextMarkupLanguage) ，它是一种标记语言 (markup language) 。标记语言是一套标记标签 (markup ta
    2025-01-31
上一页 159160161162163164165166167下一页