这段代码主要实现了一个具有渐变滚动效果的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 ...
- 12:03
- 浏览 (176)
- 评论 (0)
- 分类: JavaScript
- 进入论坛
关键点:
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++);
/**
*但 ...
- 17:51
- 浏览 (135)
- 评论 (0)
- 分类: JavaScript
在早先的一篇blog中说event的时候有些关于方法中this使用的问题讨论,这里整理单独出来。
---------首先解释一下,这里说明的this的用法主要涉及到方法的调用问题。
1、this代表了什么?
function doSomething() {
this.style.color = '#cc0000';
}
这个方法中this代表了什么呢?它试图改变谁的样式呢?
可以很不负责任的告诉你谁调用了它就代表谁!
以一段代码说明如下:
<html>
<head><title></title>
<script language="ja ...
- 20:47
- 浏览 (244)
- 评论 (0)
- 分类: JavaScript
- 进入论坛
特效介绍:
当鼠标划过某个链接的时候展开一个下拉菜单供选择:
菜单描述:
<ul id="haulMenu_menu">
<li><a href="#" class="cBlack">点评</a>
<ul>
<li><a href="">呵呵</a></li>
<li><a href="#">呵呵呵</a></li>
<li><a href="#">呵呵呵呵 ...
- 23:46
- 浏览 (456)
- 评论 (0)
- 分类: JavaScript
应该清楚的一点是对使用:
new Ajax.Updater(
{success: divname},
uri,
{
method: 'get',
parameters: pars,
evalScripts: true,
onF ...
- 16:29
- 浏览 (764)
- 评论 (0)
- 分类: JavaScript
- 进入论坛
今天浏览了下网上的信息,发现有人推荐使用aptana来调试javascript效果不错,对于我这个急于发现一个上手的工具的人来说这不能算一个坏的消息,就下载了一个来亲自体验。安装完成后的启动画面和eclipse类似,这让我感到亲切了许多(虽然这段时间的空闲时间不多,且周末的空闲时间都花在了matlab上面,已经很久没有在关心过javascript的东西了)。然后就把使用eclipse的一点经验照着搬过来,幸运的是它确实符合使用eclipse的用户。选择新建立一个工程后的效果为:project.png。
这里主要是使用它的debug功能,以前我总是使用firefox的firebug,感觉 ...
- 01:26
- 浏览 (655)
- 评论 (1)
- 分类: JavaScript
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 ...
- 20:14
- 浏览 (325)
- 评论 (0)
- 分类: JavaScript
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的一种...
...
- 19:49
- 浏览 (358)
- 评论 (0)
- 分类: 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绑定到了该对象上面 ...
- 11:56
- 浏览 (312)
- 评论 (0)
- 分类: JavaScript
今天遇到一个比较诡异的问题,曾浪费了我好一会时间,现在终于搞定,回头看起来真实屁松的一件事:
<form id="myForm">
<input type="submit" name="submit" value="commit">
...
- 13:16
- 浏览 (3720)
- 评论 (4)
- 分类: JavaScript
由于帖子"关于IE和Firefox下event乱谈"的回复中有好人提到IE下attachEvent不能绑定this的问题,并给出了一些解决方案,这里收集一段代码:
代码来源:http://therealcrisp.xs4all.nl/upload/addEvent.html#
js 代码
/**
* Crossbrowser event handling functions.
& ...
- 10:44
- 浏览 (2937)
- 评论 (0)
- 分类: JavaScript
如果在使用javascript的时候涉及到event处理,就需要知道event在不同的浏览器中的差异,因为javascript的事件模型有三种,它们分别是NN4、IE4+和W3C/Safari;这也造成了在不同的浏览器中处理event的差异,这里结合一些零碎的代码来说明如何做到event在IE4+和Firefox下的正常工作。首先看如下代码:
function doEventThing(eventTag){
&nbs ...
- 10:58
- 浏览 (4029)
- 评论 (8)
- 分类: JavaScript
- 进入论坛
在使用AJAX的时候不免要验证用户提交的数据在数据库中是否唯一(比如:用户名,电子邮件等),请看一个简单的实现:
/*
* awx
*
*
*
/*--------------------------------------------------------------------------*/ &n ...
- 09:26
- 浏览 (390)
- 评论 (0)
- 分类: JavaScript
1、创建Element: if(!window.Element) var Element = new Object(); 此语法等效与:var Element = Element ||new Object();
2、Element.Methods = { visible:{ // def 1 }, toggl ...
- 16:19
- 浏览 (495)
- 评论 (0)
- 分类: JavaScript
脚本的实现: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 ...
- 16:21
- 浏览 (408)
- 评论 (0)
- 分类: JavaScript
看到论坛中有如下代码引起的关于this的一个讨论,下面做些相关的“杂说”先看那段代码:var theMonths = new MakeArray(12); function MakeArray(n) { this[0] = "January"; this[1] = "February"; this[2] = "March"; this[3] = "Ap ...
- 13:25
- 浏览 (405)
- 评论 (0)
- 分类: JavaScript
/* * awx<a href="anwx@chsi.com.cn">An Weixiao</a> * * */*--------------------------------------------------------------------------*/ /** *how to define obj *obj = {n ...
- 15:55
- 浏览 (328)
- 评论 (0)
- 分类: JavaScript
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 考虑到参数使 ...
- 10:49
- 浏览 (436)
- 评论 (0)
- 分类: JavaScript
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",\/*& ...
- 17:07
- 浏览 (1247)
- 评论 (0)
- 分类: JavaScript
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 ...
- 09:35
- 浏览 (486)
- 评论 (0)
- 分类: JavaScript
- 浏览: 77447 次
- 性别:


- 详细资料
搜索本博客
我的相册
DSC_0341
共 4 张
共 4 张
最近加入圈子
最新评论
-
关于form使用form.submit( ...
不错 怎么会出现这样的情况 我不大明白
-- by chgl_chenganglin -
Hibernate中LockMode 在 ...
gtrdhg 引用 [img][/img][url][/url][fl ...
-- by skydongtang -
Hibernate中LockMode 在 ...
[color=red][/color]
-- by skydongtang -
safari 3 public beta版本 ...
safari看英文还是很舒服的
-- by cuiyi.crazy -
Hibernate中使用Annotati ...
还有没有其他操作方式
-- by huangyy






评论排行榜