JavaScript浮动对象+伸缩功能效果代码介绍

评论(0)浏览(164)分类:JavaScript/Ajax开发技巧
JavaScript浮动对象+伸缩功能效果代码介绍  不久前写过一篇文章介绍一个效果不错浮动对象类库,具体阅读效果不错的浮动div,今天又做了一个效果,增加对象的伸缩功能,让需要的人点开来查看对象的信息,而不需要占用过多的控件,这对非宽屏显示器用户来说用户体验比较好点,不至于让浮动对象遮盖住内容。  需要注意的是,使用浮动对象类库时,只能将浮动对象浮动在最左边,绑定浮动对..

IE浏览器图片存在热点和链接时链接失效

评论(0)浏览(164)分类:HTML/CSS兼容/XML
IE浏览器图片存在热点和链接时链接失效在IE浏览器下,如果图片加了链接,并且同时需要给图片加热点的时候,链接会失效,无法点击,⊙﹏⊙b汗测试代码如下+展开-HTMLahref="//"imgsrc="//logo.jpg"border="0"usemap="#Map"/mapname="Map"id="Map"areashape="rect"coords="5,18,85,29"href="mailto:shaobo@chinabn.org"//map/aIE的bug还真多。没办法,只好用事件来解决这问题了,修改好..

51.la统计出问题了

评论(0)浏览(164)分类:JavaScript/Ajax开发技巧
51.la统计出问题了  今天访问一个博客的时候,发现打开后页面突然变空白,就剩一个51.la的统计图标。汗。。搞毛啊。。查看源代码只有下面的htmla href=http://www.51.la/?3065858 target=_blankimg alt=#x35;#x31;#x2E;#x6C;#x61;#x20;#x4E13;#x4E1A;#x3001;#x514D;#x8D39;#x3001;#x5F3A;#x5065;#x7684;#x8BBF;#x95EE;#x7EDF;#x8BA1; src=http://icon.ajiang.ne..

javascript exec与match方法详解

评论(0)浏览(164)分类:JavaScript/Ajax开发技巧
javascript exec与match方法详解  javascript中与正则表达式有关的匹配字符串的函数主要有RegExp类的方法exec(string)以及String类的方法 match(regex),当然还有一些其他的方法,这里不作讨论,但是可能不少程序员都会混淆exec和match,这里列举二者的重点特性:exec是正则表达式的方法,而不是字符串的方法,它的参数才是字符串,如下所示:var re=new RegExp(/\d/);re.exe..

Chrome扩展开发教程(二)概述

评论(0)浏览(164)分类:JavaScript/Ajax开发技巧
Chrome扩展开发教程(二)概述  文章翻译自http://code.google.com/chrome/extensions/overview.html基础知识  一个Chrome扩展是由HTML、CSS、JavaScript、图片等文件压缩而成。扩展实际上就是一个web页面,你可以用任何浏览器提供给web页面的接口,从XMLHttpRequest 到JSON ,再到HTML本地缓存都可以使用。  Chrome 扩展能做什么呢?我们肯定使用过一些扩展,会发现有..

DOMContentLoaded事件

评论(0)浏览(163)分类:JavaScript/Ajax开发技巧
DOMContentLoaded事件  DOMContentLoaded事件是在DOM已经准备好,而其他资源可能还未下载完毕时触发的,可以藉此尽快的给各种交互用的dom绑定交互事件  备注:IE6~8不支持此事件,需要模拟。  目前,在IE中模拟DOMContentLoaded事件有3种方法。document.attachEvent(onreadystatechange, function(){ if ( document.readyState === complete ) { do..

javascript保存类实例

评论(0)浏览(163)分类:JavaScript/Ajax开发技巧
javascript保存类实例  javascript如何保存创建的所有类实例作为类的静态属性,实例代码如下script function MyObj(name, instancename) { if (MyObj.instances[instancename]) instancename += '_1';//如果重名则重新命名实例名称 MyObj.instances[instancename] = this; this.name = name; this.showwho = function () {..

jquery代码性能优化技巧

评论(0)浏览(163)分类:JavaScript/Ajax开发技巧
jquery代码性能优化技巧1,总是从ID选择器开始继承  在jQuery中最快的选择器是ID选择器,因为它直接来自于JavaScript的getElementById()方法。  例如有一段HTML代码:div id=content form method=post action=# h2交通信号灯/h2 ul id=traffic_light liinput type=radio class=on name=light value=red/ 红色/li liinput type=radio class=off name..

Ext表单如何直接显示错误信息

评论(0)浏览(163)分类:extjs开发技巧
Ext表单如何直接显示错误信息  Ext的表单配置了allowBlank为false或者其他验证条件时,如何在表单加载完毕后直接显示错误提心提示,而不需要输入控件获取焦点,blur后在显示数据为空或者和验证条件不匹配时配置的错误信息。  在FormPanel表单加载完毕后直接显示错误提示信息,可以给FormPanel增加render事件,触发BasicFrom的isValid方法即可将需要验证的字段的提示信息..

uncaught exception: [Exception... "Component returned failure code: 0x80520012 (NS_ERROR_FILE_NOT_FOUND) [nsIDOMHTMLFormElement.submit]" nsresult: "0x80520012 (NS_ERROR_FILE_NOT_FOUND)" location: "JS frame :: :: anonymous :: line 11" data: no]

评论(0)浏览(163)分类:JavaScript/Ajax开发技巧
uncaught exception: [Exception... uncaught exception: [Exception... "Component returned failure code: 0x80520012 (NS_ERROR_FILE_NOT_FOUND) [nsIDOMHTMLFormElement.submit]" nsresult: "0x80520012 (NS_ERROR_FILE_NOT_FOUND)" location: "JS frame :: file:///C:/Documents%20and%20Settings/Administrator/%E6%A1%8C%E9%9D%A2/x.html :: anonymous :: line 11" data: no..

在FireFox浏览器中asp.net+AJAX传输的中文字符串到服务器端后乱码的问题!!!!

评论(0)浏览(163)分类:JavaScript/Ajax开发技巧
在FireFox浏览器中asp.net+AJAX传输的中文字符串到服务器端后乱码的问题!!!!在IE中没问题不乱码... 在FireFox中从JS客户端将表单内容传输到服务器端后再回显会出现乱码...跪求解决方法. +展开-JavaScriptfunctionpostText(){varchatbox=getElement("utext");varchat=chatbox.value;chatbox.value="";varurl=AjaxServerPageName+"?active=addtext&user="+getuser+"&userid="+getuserid+"&text="+chat;varreq=getAjax();req..

JavaScript 取得 Xml 文件的 LastModify

评论(0)浏览(162)分类:JavaScript/Ajax开发技巧
JavaScript 取得 Xml 文件的 LastModifyJavaScript 取得 Xml 文件的 LastModify曾经有段时间,要是在担心,Google/Yahoo会不会不知道我的Sitemap.xml更新了,又或者Baidu不知道偶的基于BBS的开放协议生成的xml文件是否更新,虽然知道不会有这样的问题,总觉得这中间有一些东西是我所不知道的:)直到最近鼓捣Http的时候,才发觉,除了Get/Post以外,原来还有个只关注响应首部的请求:Head请求,当服..

Firefox下浮动布局时空白边叠加问题

评论(0)浏览(162)分类:HTML/CSS兼容/XML
Firefox下浮动布局时空白边叠加问题  在Firefox下,如果采用div+css浮动控制页面布局时,如果一个div设置了margin-top,并且使用clear:both清除浮动时,margin-top并未显示出来,而是和处于其上面的浮动div叠加在一起了。源代码如下所示,结果如图1所示+展开-HTMLstyletype="text/css".outerDiv{padding:4px;border:solid2pxblack;}.innerDiv{border:solid2px#ff7f27;height:50..

IE未知的运行时错误

评论(0)浏览(162)分类:JavaScript/Ajax开发技巧
IE未知的运行时错误  今天犯了个低级错误,li标签嵌套li标签,设置嵌套的li标签的innerHTML时报错IE未知的运行时错误,嵌套没出错,就设置innerHTML出问题,其他浏览器如chrome,firefox都没问题,容错能力比较好,IE就不行了,╮(╯▽╰)╭,还是得注意按照标准写法,不能乱嵌套标签,要不报错了够自己找的。ulli id=li/li/ulscript type=text/javascript wi..

Chrome扩展开发教程(九)Events(事件)

评论(0)浏览(161)分类:JavaScript/Ajax开发技巧
Chrome扩展开发教程(九)Events(事件)事件(Event)就是当某些行为发生后要触发的函数。这些行为包括打开了一个新标签、点击了一个按钮等。下面是利用chrome.tabs.onCreated行为(创建一个新标签页),只要打开了一个新标签页相应的事件就会被触发。这 个例子中,我们用addListener()来注册函数,addListener()的参数总是一个函数,但是这个函数的参数根据事件类型不一样而不同。 点击这..

Chrome扩展开发教程目录

评论(0)浏览(161)分类:JavaScript/Ajax开发技巧
Chrome扩展开发教程目录Chrome扩展开发教程(一)入门Chrome扩展开发教程(二)概述Chrome扩展开发教程(三)Browser Action(扩展图标)Chrome扩展开发教程(四)Options Pages(选项页面)Chrome扩展开发教程(五)Override Pages(重置页面)Chrome扩展开发教程(六)Page Actions(地址栏图标)Chrome扩展开发教程(七)themes(主题制作)Chrome扩展开发教程(八)Bookmarks(书签操作)Ch..

fck编辑器配置文件fckconfig.js中文注释

评论(0)浏览(161)分类:JavaScript/Ajax开发技巧
fck编辑器配置文件fckconfig.js中文注释fck编辑器配置文件fckconfig.js中文注释,配置参数中文说明+展开 -JavaScriptFCKConfig.CustomConfigurationsPath='';//自定义配置文件路径和名称FCKConfig.EditorAreaCSS=FCKConfig.BasePath+'css/fck_editorarea.css';//文本编辑区域的样式表文件路径FCKConfig.EditorAreaStyles='';//文本编辑区域的样式表风格FCKConfig.ToolbarComboPreviewC..

IE glow滤镜

评论(0)浏览(161)分类:HTML/CSS兼容/XML
IE glow滤镜  IE glow滤镜:在对象边缘添加类似发光效果  语法: STYLE=filter:Glow(Color=color,Strength=strength)   说明:Color:发光颜色. Strength:强度(0-100) 例子:filter:Glow(Color=#6699CC,Strength=5)   注意:作用域图片时,图片需要透明背景,要不不起作用。  IE glow滤镜测试代码和效果style body{background:#ffffff} ..

共享一个自己的提高Alexa排名偏方

评论(0)浏览(161)分类:网站排名及优化
共享一个自己的提高Alexa排名偏方  关键字:刷Alexa排名,提高Alexa排名方法  对于提高alexa排名,最直接的当然是在自己的电脑上安装alexa插件了【for IE】。如果是Firefox,安装SearchStatus,SearchStatus不仅能显示alexa排名,而且还可以显示google page rank,将自己的浏览转换为alexa的统计数据。然后将浏览器主页设置为自己的网站,那每次打开浏览器都可以刷下alexa的..

如何使用javascript 将阳历的日期 转换为 阴历日期? 急急!

评论(0)浏览(161)分类:JavaScript/Ajax开发技巧
如何使用javascript 将阳历的日期 转换为 阴历日期? 急急!  比如: 阳历日期为:2008-2-20 请将此阳历日期转换为 阴历日期 用javascript实现,等待中……------------------------引用: ------------ tiandaqian 发表于:2008-02-20 23:12:303楼 得分:0 代码有,就是比较长,给你个网址不算侵权吧,haha http://ark.hit.edu.cn/Pages/calendar.htm 农历与公历的关联是告24节气关联的,重点理解这..

请问如何用javascript动态修改css文件?

评论(0)浏览(161)分类:JavaScript/Ajax开发技巧
请问如何用javascript动态修改css文件?有一个css文件:abc.css 内容如下: .class1 {width:10px} 要动态查找到这个类并修改里面的属性. 我找到的操作方法是使用dom的styleSheets集合。 先在页面加上 link rel="stylesheet" type="text/css" href="abc.css" / 然后调用document.styleSheets[0]得到这个css文件的引用,再根据一些子属性可以定位到这个 .class1{} 但怎么把他的内容修改呢..

如何获得svg文件的内嵌svg的文档对象

评论(0)浏览(161)分类:Canvas/VML/SVG
如何获得svg文件的内嵌svg的文档对象svg文件内容如下:(说明:用的不是adobe的SVG,不支持内嵌javascript) +展开-XML?xmlversion="1.0"encoding="UTF-8"?>svgxmlns="http://www.w3.org/2000/svg"xmlns:xlink="http://www.w3.org/1999/xlink"xmlns:go="http://purl.org/svgmap/svgmap#"metadatardf:RDFxmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"xmlns:crs="http://..

Ext.data库中几个常用类的原理及其使用

评论(0)浏览(160)分类:extjs开发技巧
Ext.data库中几个常用类的原理及其使用Ext.data 库主要包括以下几个类:Ext.data.Store ==DataSetExt.data.Record ==DataSet.RowExt.data.DataProxy ==SqlConnectionExt.data.DataReader ==SqlDataAdapter以下分别进行介绍:1.Ext.data.Record可以用来定义一行数据的格式,它有几个重要的属性和方法:data:实际的数据modified:如果dirty==true 这modified中存放的是修改前的数据否则为空..

2.1.监听按钮点击

评论(0)浏览(160)分类:flash/flex/fcs/AIR
2.1.监听按钮点击2.1.1. 问题我想执行一段任务以便对用户的交互作出响应,比如当用户点击一个按钮时在控制台输出名称列表。2.1.2. 解决办法使用mx:Button标签的click 事件属性来设定一个click 事件处理程序。也可以在ActionScript 中通过Button 实例的addEventListener 方法来添加click 事件的监听器来达到同样的效果。2.1.3. 讨论如下的代码展示了如何在MXML 中..

IE5+的 Behavior HTC文件

评论(0)浏览(159)分类:HTML/CSS兼容/XML
IE5+的 Behavior HTC文件  在以往DHTML中想要共用一段程式码时,都是使用include的方式把程式码放进来,如果该程式需配合Event的运作(如:在TextBox中的onKeyPress()),还得定义该Event发生时需要执行哪一段程式,这些都使得程式变得难看且不易维护。IE5有了Behavior后,我们可以定义某个元件有哪些Behavior(例如:该TextBox只能输入0-9 或该TextBox是输入病歷号,所以..

9.6.设置输入域的最大数量

评论(0)浏览(159)分类:flash/flex/fcs/AIR
9.6.设置输入域的最大数量问题我要限制输入字符的个数解决办法设置maxChars属性讨论默认下输入框可以输入任意多的内容,但是最好是控制输入的个数,比如有个文本框输入用户2个字符的国家代码,没有必要输入这么多,只需要2个字符即可,这时我们可以通过maxChars 属性进行限制:+展开-ActionScriptfield.maxChars=6;//最大6个字符如果设为null 则表示不限制。

ext笔记

评论(0)浏览(159)分类:extjs开发技巧
ext笔记 1.ext事件封装在ext.lib.Event下。上一层还有ext.EventObject,它继续封装了ext.lib.Event。一般函数中 function(e),这个e就是ext.EventObject对象。而且ext.EventObject还封装了鼠标和键盘的一些操作。 2.element.on('click',fn,this,{single:true,delay:100,testId}).其中single表示第 一次,delay延迟,testId是传入fn()的参数。在fn..

javascript闭包定义

评论(0)浏览(159)分类:JavaScript/Ajax开发技巧
javascript闭包定义  在程序语言中,所谓闭包,是指语法域位于某个特定的区域,具有持续参照(读写)位于该区域内自身范围之外的执行域上的非持久型变量值能力的段落。这些外部执行域的非持久型变量神奇地保留它们在闭包最初定义(或创建)时的值 (深连结)。script//A是一个普通的函数 function A(a) { return a; } //B是一个带函数返回值的函数 fu..

Node.js使用事件发射器绑定事件

评论(0)浏览(159)分类:JavaScript/Ajax开发技巧
Node.js使用事件发射器绑定事件第五章:node.js使用事件发射器模式简化事件绑定本章内容:事件发射器模式(Event Emitter Pattern)介绍事件监听器的绑定和取消创建自己的事件发射器  在Node里,很多对象都会发射事件。比如,一个TCP服务器,每当有客户端请求连接就会发射connect事件,又比如,每当读取一整块数据,文件 系统就会发射一个data事件。这些对象在Node里被称为事..

javascript lightbox效果

评论(0)浏览(159)分类:JavaScript/Ajax开发技巧
javascript lightbox效果  一个简单的半透明遮盖层lightbox效果!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdstyle.alpha{position:absolute;z-index:10;left:0px;top:0px;filter:alpha(opacity=50);opacity:.5;background:#000000;}.infolayer{position:absolute;width:400px;height:300px..