首页> 网页设计教程
全部 Dreamweaver教程 Javascript教程 HTML教程 CSS教程 心得技巧 DHTML教程 网页特效 WEB标准化
网页设计教程
  • Canvas实现贝赛尔曲线轨迹动画的示例代码

    Canvas实现贝赛尔曲线轨迹动画的示例代码

    最近实现的下图的效果,跟大家分享一下假如我们要画下图曲线的动画如果每次都画一条短线连接起来,如下图被分成五段再看十段要是被分的段数足够多时每次画一段就很像曲线轨迹了二次贝赛尔曲线/** * 二次贝塞尔曲线动画 * @param {Arra
    2025-02-04
  • html5中canvas图表实现柱状图的示例

    html5中canvas图表实现柱状图的示例

    前几天用到了图表库，其中百度的ECharts，感觉做得最好，看它默认用的是canvas，canvas图表在处理大数据方面比svg要好。那我也用canvas来实现一个图表库吧，感觉不会太难，先实现个简单的柱状图。效果如下：主要功能点包括：文本
    2025-02-04
  • 快速解决input[type=file]打开时慢、卡顿的问题

    快速解决input[type=file]打开时慢、卡顿的问题

    为什么在input标签类型为file上传文件时在标签中设置属性 accpet=image/*，打开本地文件夹的速度特别慢？经过测试发现，在mac里面safari、Firefox、Chrome(opera不知道为啥老闪退)都没有卡顿问题在wi
    2025-02-04
  • 利用进制转换压缩数字函数分享

    利用进制转换压缩数字函数分享

    复制代码代码如下:function zipNum(num, radix){if(!zipNum.zip){zipNum.zip = function(inputNum){if(inputNum > 35){//用大写字母表示36-61ret
    2025-02-04
  • Html5新增标签有哪些

    Html5新增标签有哪些

    今天新学习了9个标签、<audio> 简单的说就是一个音频标签，他的主要常用属性有src=音频的路径 controls=controls 控制参数，他就是可以让其在页面显示一个播放器的效果autoplay=autoplay自动播放属性 lo
    2025-02-04
  • js showModalDialog弹出窗口实例详解

    js showModalDialog弹出窗口实例详解

    showModalDialog:模式窗口, 一种很特别的窗口,当它打开时,后面的父窗口的活动会停止,除非当前的模式子窗口关闭了, 才能操作父窗口.在做网页Ajax开发时,我们应该有时会用到它来实现表单的填写, 或做类似网上答题的窗口. 它的
    2025-02-04
  • 从零实现一个自定义html5播放器的示例代码

    从零实现一个自定义html5播放器的示例代码

    本次的分享是一个基于HTML5标签实现的一个自定义视频播放器。其中实现了播放暂停、进度拖拽、音量控制及全屏等功能。效果预览点我查看 源码仓库 。核心思路我相信一定会有些没有接触过制作自定义播放器的童鞋对于 标签的认识会停留在此。<video
    2025-02-04
  • Html5页面内使用JSON动画的实现

    Html5页面内使用JSON动画的实现

    问题背景有一天我们的UI设计师找到我说，要把页面中我自己用程序写的动画，换成他们给的json动画，原因是有的动画很复杂，自己写起来达不到他们的预期效果（写到这里我突然想到一个问题，这么复杂的动画为什么不使用gif。。。。坐我对面的安卓开发小
    2025-02-04
  • 基于HTML5的WebGL实现json和echarts图表展现在同一个界面

    基于HTML5的WebGL实现json和echarts图表展现在同一个界面

    突然有个想法，如果能把一些用到不同的知识点放到同一个界面上，并且放到一个盒子里，这样我如果要看什么东西就可以很直接显示出来，而且这个盒子一定要能打开。我用HT实现了我的想法，代码一百多行，这么少的代码能实现这种效果我觉得还是牛的。先来看看效
    2025-02-04
  • 各浏览器对document.getElementById等方法的实现差异解析

    各浏览器对document.getElementById等方法的实现差异解析

    所有Web前端同仁对 document.getElementById 都非常熟悉了。开发过程中经常需要用其获取页面id为xx的元素，自从元老级JS库Prototype流行后，都喜欢这么简写它复制代码代码如下:// 方式1 function
    2025-02-04
  • 符合Web标准的超链接

    符合Web标准的超链接

    在HTML 4.0 Strict和XHTML 1.0 STRICT里不允许在<a>标签里使用target属性,这是一件令网页设计者懊恼的事.在过渡的规范里还是允许使用的.但通过一定的方法,我们可以解决这一问题. 　 　HTMl4.0规范里拿
    2025-02-04
  • js阻止默认事件与js阻止事件冒泡示例分享 js阻止冒泡事件

    js阻止默认事件与js阻止事件冒泡示例分享 js阻止冒泡事件

    1. event.preventDefault(); -- 阻止元素的默认事件。注：a元素的点击跳转的默认事件 ，button，radio等表单元素的默认事件 ，div 元素没有默认事件例：复制代码代码如下:<a href="http://
    2025-02-04
  • Javascript变量作用域详解

    Javascript变量作用域详解

    变量的作用域指的是变量的可见性，而生命周期则（存活期）则是从另一个角度考察变量。JS中变量的作用域分为全局变量和局部变量，函数内定义的称为局部变量，函数外的称为全局变量。（“函数外的称为全局变量”是相对的，另此处讨论的前提是用var显式声明
    2025-02-04
  • 如何用canvas实现在线签名的示例代码

    如何用canvas实现在线签名的示例代码

    随着计算机和网络技术的飞速发展，在线签名技术越来越多的被应用在无纸化办公中，这种直观便利的操作不仅可以大幅提升办公效率，而且使用数字化存储方式，避开了传统的纸质签字存储查阅困难等问题。在我们在日常生活中，已经有很多场景使用在线签名技术，例如
    2025-02-04
  • HTML5 canvas基本绘图之图形组合

    HTML5 canvas基本绘图之图形组合

    <canvas></canvas>只是一个绘制图形的容器，除了id、class、style等属性外，还有height和width属性。在<canvas>>元素上绘图主要有三步：1.获取<canvas>元素对应的DOM对象，这是一个Canva
    2025-02-04
上一页 545556575859606162下一页