- 博客(35)
- 资源 (28)
- 收藏
- 关注
原创 SVG 渐变学习之——SVG 放射性渐变
SVG 渐变必须在 <defs> 标签中进行定义。 放射性渐变 <radialGradient> 用来定义放射性渐变。 <radialGradient> 标签必须嵌套在 <defs> 中。<defs> 标签是 definitions 的缩写,它允许对诸如渐变等特殊元素进行定义。 请把下面的...
2014-05-22 10:32:56 248
原创 SVG 渐变学习之——SVG 线性渐变
SVG 渐变必须在 <defs> 标签中进行定义。SVG 渐变渐变是一种从一种颜色到另一种颜色的平滑过渡。另外,可以把多个颜色的过渡应用到同一个元素上。在 SVG 中,有两种主要的渐变类型:线性渐变放射性渐变 线性渐变<linearGradient> 可用来定义 SVG 的线性渐变。<linearGrad...
2014-05-22 10:32:41 288
原创 SVG 滤镜学习之——SVG 高斯模糊
必须在 <defs> 标签中定义 SVG 滤镜。高斯模糊(Gaussian Blur)<filter> 标签用来定义 SVG 滤镜。<filter> 标签使用必需的 id 属性来定义向图形应用哪个滤镜?<filter> 标签必须嵌套在 <defs> 标签内。<defs> 标签是 definitions ...
2014-05-22 10:32:13 245
原创 SVG 滤镜学习之——SVG 滤镜
SVG 滤镜用来向形状和文本添加特殊的效果。SVG 滤镜在 SVG 中,可用的滤镜有:feBlendfeColorMatrixfeComponentTransferfeCompositefeConvolveMatrixfeDiffuseLightingfeDisplacementMapfeFloodfeGaussianBlurfeI...
2014-05-22 10:31:57 259
原创 SVG 形状学习之——SVG 自定义路径<path>
<path> 标签用来定义路径。<path> 标签<path> 标签用来定义路径。下面的命令可用于路径数据:M = movetoL = linetoH = horizontal linetoV = vertical linetoC = curvetoS = smooth curvetoQ = quadr...
2014-05-22 10:31:37 570
原创 SVG 形状学习之——SVG 折线<polyline>
SVG <polyline> 标签用来创建仅包含直线的形状。 <polyline> 标签<polyline> 标签用来创建仅包含直线的形状。请把下面的代码拷贝到记事本,然后把文件保存为 "polyline1.svg"。把此文件放入您的 web 目录:<?xml version="1.0" standalone="no"
2014-05-20 14:05:16 1294
原创 SVG 形状学习之——SVG不少于三个边的图形 <polygon>
<polygon> 标签用来创建含有不少于三个边的图形。<polygon> 标签<polygon> 标签用来创建含有不少于三个边的图形。请把下面的代码拷贝到记事本,然后把文件保存为 "polygon1.svg"。把此文件放入您的 web 目录:<?xml version="1.0" standalone="no"?&
2014-05-20 14:04:42 174
原创 SVG 形状学习之——SVG 线<line>
<line> 标签用来创建线条。 <line> 标签<line> 标签用来创建线条。请把下面的代码拷贝到记事本,然后把文件保存为 "line1.svg"。把此文件放入您的 web 目录:<?xml version="1.0" standalone="no"?><!DOCTYPE svg
2014-05-20 14:04:16 212
原创 SVG 形状学习之——SVG椭圆 <ellipse>
<ellipse> 标签可用来创建椭圆。 <ellipse> 标签<ellipse> 标签可用来创建椭圆。椭圆与圆很相似。不同之处在于椭圆有不同的 x 和 y 半径,而圆的 x 和 y 半径是相同的。 请把下面的代码拷贝到记事本,然后把文件保存为 "ellipse1.svg"。把此文件放入您的 web 目录: <?xm...
2014-05-20 14:03:59 441
原创 SVG 形状学习之——SVG圆形
<circle> 标签可用来创建一个圆。 <circle> 标签<circle> 标签可用来创建一个圆。请把下面的代码拷贝到记事本,然后把文件保存为 "circle1.svg"。把此文件放入您的web目录:<?xml version="1.0" standalone="no"?><!DOCT
2014-05-20 14:03:36 118
原创 SVG 形状学习之——SVG 矩形<rect>
SVG 有一些预定义的形状元素,可被开发者使用和操作。 SVG 形状SVG 有一些预定义的形状元素,可被开发者使用和操作:矩形 <rect>圆形 <circle>椭圆 <ellipse>线 <line>折线 <polyline>多边形 <polygon>路径 <pa...
2014-05-19 11:44:46 326
原创 SVG学习之——HTML 页面中的 SVG
SVG 文件可通过以下标签嵌入 HTML 文档:<embed>、<object> 或者 <iframe>。 HTML 页面中的 SVG下面,你会看到三种把 SVG 文件嵌入 HTML 页面的不同方法。使用 <embed> 标签<embed> 标签被所有主流的浏览器支持,并允许使用脚本。 注释:当在 H...
2014-05-19 11:44:28 132
原创 HTML5学习之——HTML 5 服务器发送事件
HTML5 服务器发送事件(server-sent event)允许网页获得来自服务器的更新。Server-Sent 事件 - 单向消息传递Server-Sent 事件指的是网页自动获取来自服务器的更新。以前也可能做到这一点,前提是网页不得不询问是否有可用的更新。通过服务器发送事件,更新能够自动到达。例子:Facebook/Twitter 更新、估价更新、新的博文、...
2014-05-19 11:44:03 102
原创 HTML5学习之——HTML5 内联 SVG
HTML5 支持内联 SVG。 SVG 是使用 XML 来描述二维图形和绘图程序的语言 学习之前应具备的基础知识:继续学习之前,你应该对以下内容有基本的了解:HTMLXML 基础如果希望首先学习这些内容,请在本站的首页选择相应的教程。什么是SVG?SVG 指可伸缩矢量图形 (Scalable Vector Graphics)SVG...
2014-05-19 11:43:32 175
原创 HTML5学习之——HTML 5 Canvas
canvas 元素用于在网页上绘制图形 什么是 Canvas?HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。画布是一个矩形区域,您可以控制其每一像素。canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。创建 Canvas 元素向 HTML5 页面添加 canvas 元素。规定元素的 id、...
2014-05-19 11:43:15 109
原创 HTML5学习之——HTML 5 Web Workers
web worker 是运行在后台的 JavaScript,不会影响页面的性能。 什么是 Web Worker?当在 HTML 页面中执行脚本时,页面的状态是不可响应的,直到脚本已完成。web worker 是运行在后台的 JavaScript,独立于其他脚本,不会影响页面的性能。您可以继续做任何愿意做的事情:点击、选取内容等等,而此时 web worker 在后台运...
2014-05-09 18:17:18 119
原创 HTML5学习之——HTML 5 应用程序缓存
使用 HTML5,通过创建 cache manifest 文件,可以轻松地创建 web 应用的离线版本。 什么是应用程序缓存(Application Cache)?HTML5 引入了应用程序缓存,这意味着 web 应用可进行缓存,并可在没有因特网连接时进行访问。离线浏览 - 用户可在应用离线时使用它们速度 - 已缓存资源加载得更快减少服务器负载 - 浏览器将只从...
2014-05-09 18:17:02 118
原创 HTML5学习之——HTML 5 Web 存储
在客户端存储数据HTML5 提供了两种在客户端存储数据的新方法:localStorage - 没有时间限制的数据存储sessionStorage - 针对一个 session 的数据存储 之前,这些都是由 cookie 完成的。但是 cookie 不适合大量数据的存储,因为它们由每个对服务器的请求来传递,这使得 cookie 速度很慢而且效率也不高。在 HTM...
2014-05-09 18:16:49 88
原创 HTML5学习之——HTML5 地理定位
HTML5 Geolocation(地理定位)用于定位用户的位置。 定位用户的位置HTML5 Geolocation API 用于获得用户的地理位置。鉴于该特性可能侵犯用户的隐私,除非用户同意,否则用户位置信息是不可用的。浏览器支持Internet Explorer 9、Firefox、Chrome、Safari 以及 Opera 支持地理定位。注...
2014-05-09 18:16:36 138
原创 HTML5学习之——HTML 5 Canvas vs. SVG
Canvas 和 SVG 都允许您在浏览器中创建图形,但是它们在根本上是不同的。SVGSVG 是一种使用 XML 描述 2D 图形的语言。SVG 基于 XML,这意味着 SVG DOM 中的每个元素都是可用的。您可以为某个元素附加 JavaScript 事件处理器。在 SVG 中,每个被绘制的图形均被视为对象。如果 SVG 对象的属性发生变化,那么浏览器能够自...
2014-05-09 18:16:16 90
原创 HTML5学习之——HTML 5 拖放
拖放(Drag 和 drop)是 HTML5 标准的组成部分。 拖放拖放是一种常见的特性,即抓取对象以后拖到另一个位置。在 HTML5 中,拖放是标准的一部分,任何元素都能够拖放。浏览器支持Internet Explorer 9、Firefox、Opera 12、Chrome 以及 Safari 5 支持拖放。注释:在 Safari 5.1.2 中不...
2014-05-06 11:45:55 73
原创 HTML5学习之——HTML 5 音频
HTML5 提供了播放音频的标准。 Web 上的音频直到现在,仍然不存在一项旨在网页上播放音频的标准。今天,大多数音频是通过插件(比如 Flash)来播放的。然而,并非所有浏览器都拥有同样的插件。HTML5 规定了一种通过 audio 元素来包含音频的标准方法。audio 元素能够播放声音文件或者音频流。 音频格式当前,audio 元素...
2014-05-06 11:41:55 90
原创 HTML5学习之——HTML 5 Video + DOM
HTML5 <video> - 使用 DOM 进行控制 HTML5 <video> 元素同样拥有方法、属性和事件。 其中的方法用于播放、暂停以及加载等。其中的属性(比如时长、音量等)可以被读取或设置。其中的 DOM 事件能够通知您,比方说,<video> 元素开始播放、已暂停,已停止,等等。 下例中简单的方法,向我们演示了如何使用 &...
2014-05-06 11:36:08 157
原创 HTML5学习之——HTML 5 视频
许多时髦的网站都提供视频。HTML5 提供了展示视频的标准。检测您的浏览器是否支持 HTML5 视频: function checkVideo(){if(!!document.createElement('video').canPlayType) { var vidTest=document.createElement("video"); oggTes...
2014-05-06 11:32:57 110
原创 HTML5学习之——概念篇
HTML5 是下一代的 HTML。 什么是 HTML5?HTML5 将成为 HTML、XHTML 以及 HTML DOM 的新标准。HTML 的上一个版本诞生于 1999 年。自从那以后,Web 世界已经经历了巨变。HTML5 仍处于完善之中。然而,大部分现代浏览器已经具备了某些 HTML5 支持。 HTML5 是如何起步的?HTML5 是 W3C 与...
2014-05-06 11:17:41 71
原创 jQuery1.9(动画效果)学习之——.queue()
.queue( [queueName ] )描述:显示或操作匹配的元素上已经执行的函数列队。 queueName类型: String一个含有队列名的字符串。默认是 fx,标准的动画队列。 例子:显示列队的长度。 <!DOCTYPE html><html><head><style>d...
2014-05-05 14:56:06 109
原创 jQuery1.9(动画效果)学习之—— jQuery.fx.off
描述: 全局的禁用所有动画。 jQuery.fx.off 当这个属性设置为true的时候,调用时所有动画方法将立即设置元素为他们的最终状态,而不是显示效果。有时候确实有必要这样做:jQuery是被用在低资源设备。动画使用户遇到可访问性问题(查看这篇文章获得更多信息 Turn Off Animation)。动画可以通过设置这个属性为false重新打...
2014-05-05 14:55:51 126
原创 jQuery1.9(动画效果)学习之——jQuery.fx.interval
描述: 该动画的频率(以毫秒为单位)。 jQuery.fx.interval 这个属性可以设置动画每秒运行帧数。默认是13毫秒。该属性值越小,在速度较快的浏览器中(例如,Chrome),动画执行的越流畅,但是会影响程序的性能并且占用更多的 CPU 资源。由于jQuery中,该属性是全局性的,因此在没有动画正在运行或停止所有动画时,此属性的变化才能生效。 ...
2014-05-05 14:55:36 92
原创 jQuery1.9(动画效果)学习之——.hide()
描述: 隐藏匹配的元素。 .hide()这个方法不接受任何参数。 .hide( [duration ] [, complete ] ) duration (默认: 400)类型: Number or String一个字符串或者数字决定动画将运行多久。complete类型: Function()在动画完成时执行的函数。...
2014-05-05 14:55:21 294
原创 jQuery1.9(动画效果)学习之—— .finish( [queue ] )
描述: 停止当前正在运行的动画,删除所有排队的动画,并完成匹配元素所有的动画。 .finish( [queue ] ) queue类型: String停止动画队列中的名称。当.finish()在一个元素上被调用,立即停止当前正在运行的动画和所有排队的动画(如果有的话),并且他们的CSS属性设置为它们的目标值(愚人码头注:就是所有动画的目标值...
2014-05-05 14:55:07 120
原创 jQuery1.9(动画效果)学习之—— .fadeToggle( [duration ] [, easing ] [, complete ] )
描述: 通过匹配的元素的不透明度动画,来显示或隐藏它们。 .fadeToggle( [duration ] [, easing ] [, complete ] ) duration (默认: 400)类型: Number or String一个字符串或者数字决定动画将运行多久。 easing (默认: swing)类型: String...
2014-05-04 17:14:28 147
原创 jQuery1.9(动画效果)学习之——.fadeTo( duration, opacity [, complete ] )
描述: 调整匹配元素的透明度。 .fadeTo( duration, opacity [, complete ] ) duration类型: String,Number一个字符串或者数字决定动画将运行多久。opacity类型: Number0和1之间的数字表示目标元素的不透明度。complete类型: Function...
2014-05-04 17:13:24 139
原创 jQuery1.9(动画效果)学习之—— .fadeOut( [duration ] [, complete ] )
描述: 通过淡出的方式隐藏匹配元素。 .fadeOut( [duration ] [, complete ] ) duration (默认: 400)类型: Number or String一个字符串或者数字决定动画将运行多久。complete类型: Function()在动画完成时执行的函数。.fadeOut( opti...
2014-05-04 17:13:04 210
原创 EclipsePHP Studio安装使用教程
http://jingyan.baidu.com/article/1612d5006309cbe20e1eee37.html
2014-05-04 10:36:09 458
原创 eclipse集成php插件
eclipse工具中菜单help---->install new software------>add一个连接 phpeclipse - http://update.phpeclipse.com/update/stable/1.2.x
2014-05-04 10:18:19 111
JAVA utils工具类
2014-01-09
javascript封装的通用解析和操作xml文件数据工具类(含测试使用代码)
2013-12-04
封装通用的Spring3+Struts2+MyBatis3的CRUD+条件分页查询,Spring+Quartz调度,FunctionCharts图像化工具
2013-11-21
MyEclipse/Eclipse自定义模板XML
2013-11-20
封装通用的Spring3+Struts2+MyBatis3的CRUD+条件分页查询
2013-11-18
实战Nginx:取代Apache的高性能Web服务器
2013-09-09
java常用设计模式及JDK与CGLIB实现动态代理区别(源码)
2013-08-14
java各种常用的工具类封装 源码
2013-08-13
HttpConnectionTool工具类
2013-08-13
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人