首页> 网页设计教程
全部 Dreamweaver教程 Javascript教程 HTML教程 CSS教程 心得技巧 DHTML教程 网页特效 WEB标准化
网页设计教程
  • 分享Javascript中最常用的55个经典小技巧

    分享Javascript中最常用的55个经典小技巧

    1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键<table border oncontextmenu=return(false)><td>no</table> 可用于T
    2025-01-17
  • 浅析JavaScript中的类型和对象

    浅析JavaScript中的类型和对象

    JavaScript是基于对象的，任何元素都可以看成对象。然而，类型和对象是不同的。本文中，我们除了讨论类型和对象的一些特点之外，更重要的是研究如何写出好的并且利于重用的类型。毕竟，JavaScript这种流行的脚本语言如果能够进行良好的封
    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
  • JS小功能(checkbox实现全选和全取消)实例代码

    JS小功能(checkbox实现全选和全取消)实例代码

    效果：代码：复制代码代码如下:<head runat="server"><title></title><script type="text/javascript">window.onload = function () {var ckall
    2025-01-17
  • JS小功能(onmouseover实现选择月份)实例代码

    JS小功能(onmouseover实现选择月份)实例代码

    效果：代码：复制代码代码如下:<head runat="server"><title></title><style type="text/css">#backcolor{width: 400px;height: 400px;backgrou
    2025-01-17
  • 利用 Canvas实现绘画一个未闭合的带进度条的圆环

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

    最终效果图一、定义变量定义半径，定义圆环厚度，定义圆心位置、定义默认填充颜色let radius = 75let thickness= 10let innerRadius = radius - thicknesslet x = 75let
    2025-01-17
  • 新手写css常犯的8个错误

    新手写css常犯的8个错误

    一般css常最常出现的错误就是样式和html中的属性名称不一致。导致明明写了样式，但是不起效果。
    2025-01-17
  • 什么是静态网页和动态网页？

    什么是静态网页和动态网页？

    程序是否在服务器端运行，是重要标志。在服务器端运行的程序、网页、组件，属于动态网页，它们会随不同客户、不同时间，返回不同的网页，例如ASP、PHP、JSP、ASP.net、CGI等。运行于客户端的程序、网页、插件、组件，属于静态网页，例如html页、Flash、JavaScript、VBScript等等，它们是永远不变的。
    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
  • javascript列表框操作函数集合汇总

    javascript列表框操作函数集合汇总

    复制代码代码如下:<script language="javascript">/* 列表框互相操作函数集 *///描述: 添加不重复列表框元素function selAdd( srcList, dstList ){var selectedI
    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
上一页 5678910111213下一页