首页> 网页设计教程
全部 Dreamweaver教程 Javascript教程 HTML教程 CSS教程 心得技巧 DHTML教程 网页特效 WEB标准化
网页设计教程
  • HTML使用相对路径获取各级目录下文件方式详解

    HTML使用相对路径获取各级目录下文件方式详解

    相对路径的概念以当前文件所在位置为参考点,建立目标文件的路径。绝对路径的概念整个文件的完整路径,比如X:/www/web/index.html,或者http://waldo.com.cn/index.html。这两者都属于绝对路径。相对路径
    2025-01-18
  • Html5 canvas实现粒子时钟的示例代码

    Html5 canvas实现粒子时钟的示例代码

    我们先看看粒子时钟的效果,如下:下面我们将通过canvas和js实现,首先要创建一个html文件并添加一个canvas画布,如下:<!DOCTYPE html><html lang=en><head> <meta charset=UT
    2025-01-18
  • 用canvas画心电图的示例代码

    用canvas画心电图的示例代码

    本文介绍了用canvas画心电图的示例代码,分享给大家,具体如下:效果图:思路:​1.模拟点(如果你有真实的数据,那就是把数据幻化成canvas对应的坐标点)​ 模拟点时注意的点就是高起部分需要对称以及为了好看要随机出现上上下下2.画线​
    2025-01-18
  • js使下拉列表框可编辑不止是选择

    js使下拉列表框可编辑不止是选择

    复制代码代码如下: <script> function clearOption(obj,e){ var currKey=0,e=e||event; currKey=e.keyCode||e.which||e.charCode; if(cur
    2025-01-18
  • 深入理解JavaScript是如何实现继承的

    深入理解JavaScript是如何实现继承的

    最近最网上看了一个人面试淘宝时的经历,然后发现了自己有好多好多不太清楚的地方,所以特此写点文章来加深自己对一些问题的理解。文章中提到了一个问题是:JavaScript是如何实现继承的?下面我便阐述一些在网上找到的方法和实例来解释下,借以加深
    2025-01-18
  • HTML5中使用json对象的实例代码

    HTML5中使用json对象的实例代码

    下面通过实例代码给大家介绍HTML5中使用json对象的方法,具体代码如下所示:<!DOCTYPE html><html> <head> <meta charset=UTF-8> <meta name=viewport
    2025-01-18
  • html5新特性与用法大全

    html5新特性与用法大全

    有好多小伙伴私聊我问我html5新特性 和用法,下面我给大家具体介绍一下html5都新加了哪些新特性,下面我给大家总结一下。1)新的语义标签 footer header 等等 2)增强型表单 表单2.0 3)音频和视频 4)canvas 绘
    2025-01-18
  • HTML5新标签兼容——&amp;gt; 的两种方法

    HTML5新标签兼容——&amp;gt; 的两种方法

    第一种方法:(使用html5shiv)<!--[if lt IE9]> <script src=http://html5shiv.googlecode.com/svn/trunk/html5.js></script><![endif]
    2025-01-18
  • HTML中两个tabs导航冲突问题的解决方法

    HTML中两个tabs导航冲突问题的解决方法

    先来一个问题描述吧:在同一个页面,两个tabs一个要float:left,一个要flaot:right,就产生了冲突;原因:没有仔细定位到每个div里面的控件,使用了全局的定义导致了会一起变化;后来一层层精确定位到了各个的层,就OK啦.CS
    2025-01-18
  • 解析页面加载与js函数的执行 onload or ready

    解析页面加载与js函数的执行 onload or ready

    首先,页面加载顺序:解析HTML结构。加载外部脚本和样式表文件。解析并执行脚本代码。构造HTML DOM模型。加载图片等外部文件。页面加载完毕。也就是:html → head → title → #text(网页标题) → style →
    2025-01-18
  • js实现弹窗插件功能实例代码分享

    js实现弹窗插件功能实例代码分享

    目前测试下:支持IE6+ 火狐 谷歌游览器等。先来看看此组件的基本配置项:如下:复制代码代码如下:this.config = {targetCls : '.clickElem', // 点击元素title: '我是龙恩', // 窗口标题c
    2025-01-18
  • 详解如何解决canvas图片getImageData,toDataURL跨域问题

    详解如何解决canvas图片getImageData,toDataURL跨域问题

    一、首先,图片服务器需要配置Access-Control-Allow-Origin一般团队都会有一个专门域名放置静态资源,例如腾讯是gtimg.com,百度是bdimg.com;或者很多团队使用的是腾讯云或者阿里云的服务。而主页面所在域名往
    2025-01-18
  • 移动端开发HTML5页面点击按钮后出现闪烁或黑色背景的解决办法

    移动端开发HTML5页面点击按钮后出现闪烁或黑色背景的解决办法

    H5页面在IOS端测试的时候发现,点击按钮会闪动,出现一个黑色的背景一闪而过,影响用户体验。最后通过度娘,找到解决方法: 就是给点击的元素添加一个CSS属性或者全局添加一个css。-webkit-tap-highlight-color:tr
    2025-01-18
  • js+css 实现遮罩居中弹出层(随浏览器窗口滚动条滚动)

    js+css 实现遮罩居中弹出层(随浏览器窗口滚动条滚动)

    js+css 实现遮罩居中弹出层(随浏览器窗口滚动条滚动) 复制代码代码如下: <!doctype html> <head> <meta charset="utf-8" /> <title></title> <style type="tex
    2025-01-18
  • 按下Enter焦点移至下一个控件的实现js代码

    按下Enter焦点移至下一个控件的实现js代码

    复制代码代码如下: <html> <head> <title>Enter2Tab</title> <script type="text/javascript"> window.onload=function(){ var list = ne
    2025-01-18