首页 | 开发 | 网页 | HTML5

  • a标签下载链接的简单实现

    只需把href路径指向文件路径，注意HTML5新增download属性能让我们指定浏览器下载时采用新的文件名称，也就是在客户端重命名下载文件。而不是链接上原始的文件名称，同时download名称的

  • HTML5拖放效果的实现代码

    拖放 拖放是一种常见的特性，即抓取对象以后拖到另一个位置。 在 HTML5 中，拖放是标准的一部分，任何元素都能够拖放。 Internet Explorer 9+, Firefox, Opera, Chrome, 和 Safari 支持拖动。 注意

  • HTML5标签大全

    可以进行省略的标签 不允许写结束标记的标签 ：area(定义图像映射中的区域)、base(为页面上的所有链接规定默认地址或默认目标)、br、col(为表格中一个或多个列定义属性值)、embed(定义

  • html5 Geolocation 地理定位

    一、Geolocation 概述 Geolocation API 在网页中使用 geolocation 对象向javaScript 提供经度和纬度。利用 geolocation 对象，可以获取用户位置和跟踪用户位置的变化。 1.1 Geolocation API 获取地理位置的

  • Jquery 插件设计模式

    我前面写过 javascript 设计模式 ，它为javascript开发中的一些常见问题提供了很好的解决方案，使用这些设计模式将使你的开发获益良多。众所周知，javascript 设计模式非常有用，另一方面

  • 前端开发静态文件自动添加版本号解决方法

    前端开发中不可避免的会遇到缓存问题，那么如何使给这些静态自动给添加版本号使修改后的内容立即生效呢？下面讲下我找到的两种方法: 一、通过获取文件最后修改时间 原理：通过

  • 为什么要使用Markdown写作

    什么是Markdown Markdown 是一种轻量级标记语言，它允许使用易读易写的纯文本格式编写文档，然后转换成html文档。Markdown强调可读性高于一切。Markdwon吸收了很多在电子邮件中已有的纯文

  • Canvas 制作炫酷发光loading动画

    !DOCTYPE html html head meta charset=UTF-8 titleCanvas 制作炫酷发光 loading 动画 /title meta name=keywords content= Canvas 制作炫酷发光 loading 动画 / meta name=description content= Canvas 制作炫酷发光 loading 动画 /

  • html5制作剪刀石头布效果

    !DOCTYPE html html lang=zh head meta charset=UTF-8 meta http-equiv=X-UA-Compatible content=IE=edge,chrome=1 meta name=viewport content=user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1 meta name=apple-mobile-web-app-cap

  • HTML5制作吃月饼小游戏

    !DOCTYPE html html lang=zh-cn head meta charset=UTF-8 / meta name=viewport content=initial-scale=1, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0, width=device-width meta name=screen-orientation content=portrait titleHTML5 制作吃月

  • html5制作转盘游戏

    !DOCTYPE html html lang=en head meta charset=UTF-8 titlehtml5 制作转盘游戏 /title meta name=keywords content= html5 制作转盘游戏 / meta name=description content= html5 制作转盘游戏 / meta name=viewport content=width=device

  • canvas画板制作

    !DOCTYPE html html head meta charset=UTF-8 titlecanvas 画板制作 /title meta name=keywords content= canvas 画板制作 / meta name=description content= canvas 画板制作 / link rel=stylesheet href=css/style.css /head body script src=h

  • svg与canvas结合动画制作

    !DOCTYPE html html head meta charset=UTF-8 title svg 与 canvas 结合动画制作 /title meta name=keywords content= svg 与 canvas 结合动画制作 / meta name=description content= svg 与 canvas 结合动画制作 / link rel=stylesheet

  • canvas粒子喷射效果制作

    !DOCTYPE html html head meta charset=UTF-8 titlecanvas 粒子喷射 | jQuery 特效 |H5 网站特效 | H5 游戏 /title meta name=keywords content= canvas 粒子喷射效果 / meta name=description content= canvas 粒子喷射效果 / link

  • 实用垂直选项卡js特效制作

    !doctype html html lang=zh head meta charset=UTF-8 meta http-equiv=X-UA-Compatible content=IE=edge,chrome=1 meta name=viewport content=width=device-width, initial-scale=1.0 title 实用垂直选项卡 js 特效 /title meta name=keywords con

  • jQuery slide图片自动轮播滚动插件

    !DOCTYPE html html lang=zh-CN head meta charset=utf-8 titlejQuery slide 图片自动轮播滚动插件 /title meta name=keywords content= 图片轮播 , 图片滚动 ,jquery 插件 , 轮播 ,slider, 滚动 , 自动播放 / meta name=descrip

  • html5带倒影3D图片叠加轮播切换js特效

    !doctype html html head meta charset=utf-8 titlehtml5 带倒影 3D 图片叠加轮播切换 js 特效 /title meta name=keywords content= 图片叠加 , 图片轮播 , 图片切换 , 图片层叠 ,html5 3d,html5 图片切换 , 焦点轮播图

  • CSS3实现分栏布局

    column-width 栏目宽度 column-count 栏目列数 column-gap 栏目距离 column-rule 栏目间隔线 媒体类型 all 所有媒体 braille 盲文触觉设备 embossed 盲文打印机 print 手持设备 projection 打印预览 screen 彩屏

  • HTML5视频音频实现

    常见的视频格式 视频的组成部分：画面、音频、编码格式 视频编码： H.264 、 Theora 、 VP8(google 开源 ) 常见的音频格式 音频编码： ACC 、 MP3 、 Vorbis HTML5 支持的视频格式： Ogg = 带有 T

  • Html5之web响应式设计

    概念 响应式网页设计最初是由 Ethan Marcotte 提出的一个概念： 为什么一定要为每个用户群各自打造一套设计和开发方案？ Web 设计应该做到根据不同设备环境自动响应及调整。 当然响应

  • WEB Storage的实现原理详解

    Web Storage 功能，就是在 Web 上存储数据，分为两种： sessionStorage ：将数据保存在 session 对象中。所谓 session ，是指用户在浏览某个网站时，从进入网站到浏览器关闭所经过的这段时间，

  • HTML5+CSS3做2d和3d转换

    transform: rotate() 旋转函数 (deg) deg 度数 skew(X,Y) 倾斜函数 (deg) skewX() skewY() scale(X,Y) 缩放函数 ( 正数、负数和小数 ) scaleX() scaleY() translate(X,Y) 位移函数 (px) translateX() translateY() transform 简写执

  • Canvas基础知识详解

    标签 canvas 不支持 canva 的浏览器可以看到的内容 canvas 绘制环境 getContext(2d); 目前支持 2d 的场景 绘制矩形 rect(L,T,W,H): 创建一个矩形 fillRect(L,T,W,H): 绘制填充的矩形 strokeRect(L,T,W,H) 绘制矩

  • Html5表单属性

    text- 文本框系列 email ：在提交表单时，会自动验证 email 的值。 url ：在提交表单时，会自动验证 url 域的值 tel: 电话号码 number ：包含数值的输入调整 /* 兼容性不好 */ range ：类型显示为

  • Css3 样式

    Css3 在 css 的基础上 ，增加了一些样式，为了满足移动端的需求，弹性盒代替浮动，自适应 Css2.0 中的所有样式 在 css3 中都可用 Css3 中的选择器：融合了 jquery 中的选择： Rgb : R red 0 25

  • Web storage存储基础知识

    Web storage, Localstorage Sessionstorage: 1 检测浏览器是否支持数据存储 注意：在 html5 中 使用 javascript 来存储和访问数据的。 2. Localstorage 设置 / 获取数据 存储在客户端的（移动端 手机 平板

  • Html5操作音频视频

    音频 / 视频 audio 音频 audio/audio Src= 文件路径 controls 属性规定浏览器应该为音频提供播放控件 音频文件支持的格式 : Ogg mp3 wav 其他属性： autoplay 如果出现该属性，则音频在就绪后马上播

  • 博客从typecho换成liquidluck

    用了2年多typecho了，再次将博客更换为liquidluck，同时也将博客内容从vps上迁移到了Github。 liquidluck是一个基于python的静态站点生成工具，是github上的一个开源项目，项目地址： https://g

  • 9个超级实用的html5动画

    HTML5被公认为下一代的Web语言。它被喻为终将改变移动互联网世界的幕后推手，说HTML5集千宠万爱于一身也毫不夸张，IE、Chrome、Firefox和Opera等巨鳄都纷纷隔空飞吻，向她示爱了。 下面我

  • html5概览

    一、简介 HTML5是HTML的新一代标准，现在仍处于发展阶段。HTML5添加了许多新的语法特征，其中包括video, audio, 和canvas元素，同时集成了SVG内容。这些元素是为了更容易的在网页中添加和

 6 7 8 9 10 11 12 13 14 15