首页> 网页设计教程
全部 Dreamweaver教程 Javascript教程 HTML教程 CSS教程 心得技巧 DHTML教程 网页特效 WEB标准化
网页设计教程
  • HTML中锚点的使用_动力节点Java学院整理

    HTML中锚点的使用_动力节点Java学院整理

    现在总结一下控制锚点的几种情况：1. 在同一页面中<a name=add></a><!-- 定义锚点 --><a href=#add>跳转到add</a>2. 在不同页面中，锚点定位在a.html中，从另外一个页面的链接跳转到这个锚点<a
    2025-02-01
  • localstorage和sessionstorage使用记录(推荐)

    localstorage和sessionstorage使用记录(推荐)

    通过阅读各路大神对web存储locastorage和sessionstorage的用法解析，自己试用了一下，在此留个备忘。在项目中，如果用到很多次storage，要存储很多数据，就要把它封装成函数了：（该函数系不知名大神所写，如有侵犯原创，
    2025-02-01
  • 详解HTML5中垂直上下居中的解决方案

    详解HTML5中垂直上下居中的解决方案

    在CSS中，则要吐槽一下，利用margin:0 auto;可以达到水平方向的居中，但是margin: auto 0则无法达到垂直方向的居中。这里主要还是由于没有对父控件即控件本身进行正确的定位。直接看代码， 首先对父控件需要使用相对布局，之
    2025-02-01
  • 深入理解JS中的变量及作用域、undefined与null

    深入理解JS中的变量及作用域、undefined与null

    1、Javascript变量作用域javascript中，变量主要分为局部变量和全局变量两种，对应的作用域也是局部作用域和全局作用域。1 局部变量和作用域局部变量一般在函数体内部声明使用：function func(){ var i=12
    2025-02-01
  • Canvas绘制浮动球效果的示例

    Canvas绘制浮动球效果的示例

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

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

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

    js模仿hover的具体实现代码

    复制代码代码如下: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <meta name="description" content="this" /> <meta name="ke
    2025-02-01
  • IE的事件传递-event.cancelBubble示例介绍

    IE的事件传递-event.cancelBubble示例介绍

    关于event.cancelBubble,由于HTML中的对象都是层次结构，比如一个Table包含了多个TR，一个TR包含了多个TD Bubble就是一个事件可以从子节点向父节点传递，比如鼠标点击了一个TD，当前的event.srcElem
    2025-02-01
  • JS 日期比较大小的简单实例

    JS 日期比较大小的简单实例

    1，比较日期大小的js代码复制代码代码如下:<script>var beginDate=$("#beginDate").val(); var endDate=$("#endDate").val(); var d1 = new Date(be
    2025-02-01
  • js模拟点击以提交表单为例兼容主流浏览器

    js模拟点击以提交表单为例兼容主流浏览器

    在实际的应用开发中，我们会常常用到JS的模事件，但有时会遇到一些问题，比如说点击事件，举个简单的例子，点击表单外的“提交”按钮来提交表单。上代码吧。 Html: 复制代码代码如下: <h3>请单击“提交”，测试提交按钮的单击事件也被触发了。
    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
  • JS实现根据出生年月计算年龄

    JS实现根据出生年月计算年龄

    复制代码代码如下:<script language=javascript> function ages(str) { var r = str.match(/^(/d{1,4})(-|//)(/d{1,2})/2(/d{1,2})$/); i
    2025-02-01
上一页 626364656667686970下一页