01 30 , 2010
Tagged: javascript ,JS ,属性 ,静态属性 |
Cat: javascript |
今天斗完地主,发现芋头 童鞋在群里面提了一个很有趣的一个问题:
下列代码使Test方法类具有一个静态属性arr(数组)
var Test=function(){
}
Test.prototype={
arr:[]
}
var test1=new Test();
test1.arr.push('ddd')
var test2=new Test();
alert(test2.arr.length) //1
他问为什么两个实例(test1和test2)会共用一个arr数组 。他要的是独立实例具有独立的那个arr(数组)属性,我刚开始还以为他问怎样可以共用一个数组。
后来给他提了一个解决方法:
下列代码使隶属于Test方法类的两个实例test1和test2具有各自的arr(数组)属性
var Test=function(){
this.arr=[];//原理很简单,初始化的时候使当前实例(this)的arr(数组)属性(来源于对象原型:T...
12 01 , 2009
Tagged: event ,javascript ,JS ,事件 ,传播 |
Cat: 网络笔记 |
首先提出一个问题:
对于以下html代码:
点击这里去QQ首页(span链接)
点击这里去啊JOE首页
问题:请问如何使span模拟a元素(不要问我问什么不直接用a元素,某种情况下必须这么做,而且这里也不能用a元素),当点击span里面的内容的时候跳转到span的title属性的链接而不是a标签的链接。
你可以先想一下解决方法,鄙人有以下方法:
方法1: (我认为最简单的方法)
document.getElementById('spanLink').onclick=function(e){
e = window.event?window.event:e;//兼容ie和ff的event定义,ie不认dom2的事件模型
if (e.stopPropagation) {//FF浏览器下,dom2事件模型中event存在该方法
e.stopPropagation();//停止事件传播
e.currentTarget.parentNode.href=e.currentTarget.getAttribute('title'&...
09 29 , 2009
Tagged: css ,HTML ,JS ,mootools ,xhtml ,在线简历 |
Cat: HTML , css , javascript , mootools , 前台设计 |
很快就要找工作了,最近比较闲,于是把写了个在线网页版简历。水平有限,肯定不少错误。希望高人可以指出错误。
此简历基于XHTML1.0/Css2.0/Mootools
我不能像大大们那样用纯js写效果,只能用mootools来写了。
极端希望大家给点意见,我发现自己好像很多自己总结的知识不一定对的。有兴趣的朋友可以留言索取整个实例源码。
在线测试地址:http://xiebiji.com/works/resume/
09 27 , 2009
Tagged: Fx ,Fx.Scroll ,JS ,mootools ,mootools教程 ,动画效果 ,实例教程 ,扩展 ,滚动条 ,类 ,网页 ,锚点 |
Cat: javascript , mootools |
还是先看效果吧:
测试地址:mt1.2cn /fxScroll.html" target="_blank">http://xiebiji.com/works/mt1.2cn /fxScroll.html
实例例子压缩包:mt1.2cn
*原创文章 转载请注明出处:http://xiebiji.com/2009/09/mtscroll 作者:小Joe
Jq有提供锚点跳转的效果实例(点击这里查看jq实现的方法 ),其实mootools也有的(Fx.Scroll扩展类),具体如下实现:
ps.实例中介绍了一种全居中的css写法,有兴趣又不知道的同学可以研究一下了。^_^高手就瞄一下吧。
HTML代码:
1.我是第一锚点
2.哈?我也是锚点,我是第二个
3.第三个锚点就是我啦
4.什么?我居然是第四个锚点
5.我汗~我是最后一个锚点
目标一
目标二
目标三
目标四
目标五
css代码:
/*全居中*/
body,html{height:100%;}
#container{width:420px; height:520px;background:#000;margin:-260px a...
08 29 , 2009
Tagged: javascript ,JS ,拖动 |
Cat: javascript |
在蓝色论坛发现这个,有点看不懂,研究一下先。
测试地址:code
Demo Win - Drag me
Hello world
把js代码单独拿出来,认真看一下就会发现原理很简单,用”()”把函数括起来然后在后面直接加”(参数)”运行函数。
06 17 , 2009
Tagged: AJAX ,JS ,mootooles中文 ,mootools ,mootools 1.2 ,mootools教程 ,php |
Cat: javascript , mootools , php |
不久之前我写过一篇关于mootools运用ajax的文章《【mootools中文实例诠释】Ajax类的简单使用 》,但是这篇文章是基于mootools 1.11版本写的,今天在用1.2版(以下称mt1.2)写一个关于ajax和json调用的教程。
如果你现在在学mt1.2你会发现1.2版已经取消的Ajax这个类了,取而代之的是更强大的Request类。那要怎么实现Ajax效果呢?
老规矩还是先看效果:
http://xiebiji.com/works/mt1.2Ajax/
示例下载地址:目标另存为
html+js代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
mt1.2ajax-from http://xiebiji.com
var jsonRequest;
window.addEvent('domready',function(){
jsonRequest = new Request.JSON({
url: "tellMySiteInfo.php", //请求数据链接地址,从这个...