2008-04-18

JavaScript 模拟marquee效果

关键字: javascript, marquee, firefox, ie, 停止、渐变
这段代码主要实现了一个具有渐变滚动效果的marquee,当其获得焦点的时候会出现停顿效果 javascript代码如下: /** *@author anwx <a href="mailto:luckyanzi@china.com.cn">An Weixiao</a> *@version $Id$ */ var m_iInterval; var m_Height; var iScroll=0; var SnowMarquee = function(){} SnowMarquee.prototype = { //其实其应该具有 timeout c ...
2008-04-10

关于setTimeout我来说两句

关键字: settimeout setinterval
关键点: 1、在类中如何使用setTiemout 注意代码中var self = this. 2、使用setTimeout模拟setInterval 3、避免一些错误 如too much recursion 错误的代码尝试 var SnowSetTimeoutTest = function(){ this.count = 0; } SnowSetTimeoutTest.prototype.testIt = function(){ var self = this; alert(this.count++); /** *但 ...
2007-12-13

JavaScript 中this关键字的一点解释

关键字: this Javascript
在早先的一篇blog中说event的时候有些关于方法中this使用的问题讨论,这里整理单独出来。 ---------首先解释一下,这里说明的this的用法主要涉及到方法的调用问题。 1、this代表了什么? function doSomething() { this.style.color = '#cc0000'; } 这个方法中this代表了什么呢?它试图改变谁的样式呢? 可以很不负责任的告诉你谁调用了它就代表谁! 以一段代码说明如下: <html> <head><title></title> <script language="ja ...
2007-09-25

使用javascript制作一个menu效果

关键字: javascript menu
特效介绍: 当鼠标划过某个链接的时候展开一个下拉菜单供选择: 菜单描述: <ul id="haulMenu_menu"> <li><a href="#" class="cBlack">点评</a> <ul> <li><a href="">呵呵</a></li> <li><a href="#">呵呵呵</a></li> <li><a href="#">呵呵呵呵 ...
2007-09-11

Prototype之Ajax.Updater不能正确引入脚本的问题

关键字: Prototype1.5 Updater 脚本加载
应该清楚的一点是对使用: new Ajax.Updater( {success: divname}, uri, { method: 'get', parameters: pars, evalScripts: true, onF ...
2007-09-09

尝试一下aptana

关键字: Javascript debug tool aptana
今天浏览了下网上的信息,发现有人推荐使用aptana来调试javascript效果不错,对于我这个急于发现一个上手的工具的人来说这不能算一个坏的消息,就下载了一个来亲自体验。安装完成后的启动画面和eclipse类似,这让我感到亲切了许多(虽然这段时间的空闲时间不多,且周末的空闲时间都花在了matlab上面,已经很久没有在关心过javascript的东西了)。然后就把使用eclipse的一点经验照着搬过来,幸运的是它确实符合使用eclipse的用户。选择新建立一个工程后的效果为:project.png。 这里主要是使用它的debug功能,以前我总是使用firefox的firebug,感觉 ...
1、outerWidth:以像素为单位指定窗口的外部宽度; outerHeight:以像素为单位指定窗口的外部高度; var windowWidth = window.outerWidth; var windowHeight = window.outerHeight; 这两个属性在IE6下是不好使,在FF2.0下OK,在我的1024*768的显示器下面是: 1032*748,靠在IE下怎么就不好用呢? 2、使用getBoundingClientRect()或得元素的真实位置: for (var i in aa.getBoundingClientRect()){ document.write ...
2007-07-18

粉碎YUI之lang中的Object类型判断

关键字: YUI 判断Object的类型
1、判断一个object是否为function isFunction:function(obj){ return typeof obj == 'function'; } 2、判断一个object是否为object(靠,感觉这个比较拗口,不过js中似乎就有如此变态的地方需要我们给出自己的判断) isObject: function(obj) { return obj && (typeof obj == 'object' || YAHOO.lang.isFunction(obj)); } 从这个方法的实现来看Function也是Object的一种... ...
2007-06-23

Javascript 之Constructors and prototyping

关键字: constructors for javascript
这里介绍如何在javascript中使用Constructor 和prototyping: constructor就是设计一个Object的蓝图,如下: function macaw(name){ this.name = name; this.say(){ alert("我是金刚鹦鹉,我的名字叫:"+this.name); } }这样我们就可以使用new关键字来创建一个对象 var noeMacaw = new macaw("snowflower"); 而这个对象的属性和方法则通过constructor中的this绑定到了该对象上面 ...
今天遇到一个比较诡异的问题,曾浪费了我好一会时间,现在终于搞定,回头看起来真实屁松的一件事: <form id="myForm">        <input  type="submit" name="submit" value="commit">         ...
由于帖子"关于IE和Firefox下event乱谈"的回复中有好人提到IE下attachEvent不能绑定this的问题,并给出了一些解决方案,这里收集一段代码: 代码来源:http://therealcrisp.xs4all.nl/upload/addEvent.html# js 代码 /**     * Crossbrowser event handling functions.   & ...
2007-06-02

关于IE和Firefox下event乱谈

关键字: javascript event
        如果在使用javascript的时候涉及到event处理,就需要知道event在不同的浏览器中的差异,因为javascript的事件模型有三种,它们分别是NN4、IE4+和W3C/Safari;这也造成了在不同的浏览器中处理event的差异,这里结合一些零碎的代码来说明如何做到event在IE4+和Firefox下的正常工作。首先看如下代码: function doEventThing(eventTag){      &nbs ...
2007-06-01

AJAX之验证某个表单项在数据库中唯一

关键字: javascript ajax check
在使用AJAX的时候不免要验证用户提交的数据在数据库中是否唯一(比如:用户名,电子邮件等),请看一个简单的实现: /*      *  awx    *    *      *   /*--------------------------------------------------------------------------*/   &n ...
2007-04-11

prototype1.5 分析之Element:

关键字: prototype Element $()
1、创建Element:   if(!window.Element)      var Element = new Object();   此语法等效与:var Element = Element ||new Object(); 2、Element.Methods = {      visible:{ // def 1      },      toggl ...
2007-03-27

包装<a href=

关键字: a to form
脚本的实现:function ALinkWraper(target_v,obj){//封装一个联接为form的形式并使用post的方式提交,从而做到对ID的隐藏效果    var f = document.createElement('form'); f.style.display = 'none';  alert(target_v.parentNode.tagName); target_v.parentNode.appendChild(f);  var hid_v = document.createElement('inp ...
2007-03-20

JavaScript之This及Array-like Object乱谈

关键字: javascript this Array-like Object
看到论坛中有如下代码引起的关于this的一个讨论,下面做些相关的“杂说”先看那段代码:var theMonths = new MakeArray(12); function MakeArray(n) {      this[0] = "January";     this[1] = "February";    this[2] = "March";     this[3] = "Ap ...
2007-03-19

验证表单元素

关键字: ajax 验证
/*   *  awx<a href="anwx@chsi.com.cn">An Weixiao</a> * *   */*--------------------------------------------------------------------------*/     /**     *how to define obj     *obj = {n ...
2007-02-26

javascript 之 Function

关键字: javascript Function 方法
function statement  function f(){}  use: f(); var result = f(); f(param1,param2,param3);    对于形式如f(param1,param2,param3)的使用,我们可以通过arguments来得到相应的参数    arguments[0] = param1    arguments[1] = param2    arguments[2] = param3  考虑到参数使 ...
2007-02-25

javascript之Array

关键字: javascript Array 数组
1、创建一维数组: var a = new Array(); a[0] = 9527;//number type a[1] = "anwx";//String type a[2] = {name:"Name var",address:"www.chsi.com.cn"};//Object type 也可以使用下面的方法达到上面的结果: var a = new Array(9527,"anwx",{name:"Name var",\/*& ...
2007-02-25

用javascript定义一个对象

关键字: 定义 Object 对象
        function MyClass(initVar1,/*Object type*/ initVar2/*int type*/){      this.initVar1 = initVar1;      this.initVVar2 = initVar2;      this.otherVars = new Array("first","second");//this var has default values            if(typeof MyClass._initialized == "undefined"){         //MyCla ...