预览模式: 普通 | 列表

一些让人很无语的冷笑话。。。

1、
一只小兔子去钓鱼。
第一天啥也没钓到。
第二天还是一无所获。
第三天兔子准备空手离开。
忽然一条鱼跳出来说:"你狗日的明天要是再用胡萝卜来钓鱼,我就拍死你~~"

查看更多...

Tags: 好玩的

分类:Play | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 3235

给pjblog所有图片添加渐隐效果

今天晚上想为我的blog的所有图片添加鼠标移进移出渐隐效果

耗费了大量的脑细胞,终于在睡觉之前实现了,MARK一下。

在common/common.js文件的第56行加入:

  if(document.images[i].width>100 || document.images[i].height>100){
  document.images[i].style.filter="alpha(opacity=55)";
  if(window.addEventListener){
        document.images[i].addEventListener('onmouseout', newfunc(document.images[i],50,10,5), false);
       document.images[i].addEventListener('onmouseover', newfunc(document.images[i],100,10,5), false);
   } else {
        document.images[i].attachEvent('onmouseout',newfunc(document.images[i],50,10,5));
        document.images[i].attachEvent('onmouseover',newfunc(document.images[i],100,10,5));
    }
   }

加入两个函数:

查看更多...

Tags: javascript

分类:Programer | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 2790

js动态添加属性和事件

 

方法一、setAttribute
var obj = document.getElementById("obj");
obj.setAttribute("onclick", "javascript:alert('
测试');");
这里利用 setAttribute 指定 onclick 属性,但是: setAttribute 设置 styleonclickonmouseover 这些属性在 IE 中是行不通的。但是某些属性可以,以下是通过测试的一个例子:
如果你知道某个控件如select控件的name,但是这个控件并没有设置id属性,这时候在IE下测试发现如果仅仅通过控件的name是无法给它动态添加属性和事件的,因为W3C是允许name属性重复的。
function test(){
    //通过tag,获得所有tagNameselect的控件,返回的是一个select集合
var obj=document.getElementByTagName(“select”);
//通过obj.length获得select集合的个数,在挨个匹配name
for(var i=0;i<obj.length;i++){
   //找到namepartselect控件
  if(obj[i].name==’part’){
        obj[i].setAttribute(“id”,”myid”);//namepartselect控件设置idmyid
        obj[i].setAttribute(“onchange”,myfunc); //为该控件设置onchange事件,即调用myfunc函数
}
}
}
 
function myfunc(){
   alert(“test ok!”);
}

方法二、用 attachEvent addEventListener
IE
支持attachEvent
obj.attachEvent("onclick", Foo);
function Foo()
{
    alert("
测试");
}
也可写在一起
obj.attachEvent("onclick", function(){alert("
测试");});
其它浏览器支持 addEventListener
obj.addEventListener("click", Foo, false);
function Foo()
{
    alert("
测试");
}
同样也可写在一起
obj.addEventListener("click", function(){alert("
测试");}, false);
注意 attachEvent 的事件带 on,如 onclick,而 addEventListener 不带 on,如 click
顺便说一下 addEventListener 的第三个参数(虽然很少用) useCapture - 如果为 true,则 useCapture 指示用户希望启动捕获。启动捕获后,所有指定类型的事件将在被指派到树中其下面的任何 EventTargets 之前指派给已注册的 EventListener。正在通过树向上 bubbling 的事件将不触发指定的使用捕获的 EventListener
综合应用
var obj = document.getElementById("obj");
 if(window.addEventListener){
//其它浏览器的事件代码: Mozilla, Netscape, Firefox
//添加的事件的顺序即执行顺序
        obj.addEventListener('click', alert('test1'), false);
        obj.addEventListener('click', alert('test2'), false);
   } else {
//IE 的事件代码
        obj.attachEvent('onclick',  function(){alert('test3');});
        obj.attachEvent('onclick',  function(){alert('test4’);});
    }

方法三、事件 = 函数
例:obj.onclick = Foo;
这在多个浏览器中均支持,这是属于旧的规范(方法二属于 DOM2 的规范),不过由于使用方便,用的场合也比较多。
 
转载:getElementsByNamegetElementByID
原文地址:http://www.jsxzinfo.com/blog/post/getElementByID.html
以前经常使用document.getElementByID取得html里面ID标记的属性,昨天想当然使用document.getElementByName(注意没有s),来获取name标记的属性,结果发现浏览器报错。查了查资料,才发现没有这个函数,应该是getElementsByName。和document.getElementByID不同的是,前者返回的是一个nameID的集合,因为W3C是允许name属性重复的,也就是html标记可以使用同一个name名字,而后者返回了ID的第一个元素。所以document.getElementsByName的使用方法往往是document.getElementsByName("***")[0], [1]等。document.getElementsByTagName, document.formName.elements 这类方法所得到的结果也都是集合。
<input  type=checkbox  value=2>2
<input  type=checkbox  value=1>1
<script language=”javascript”>
    var arr = document.getElementsByTagName("input"); //
取得所有input,返回就是数组.
   alert(arr[0].value); //
取第一个input的值.
</script>
 
再给个例子:
一个Table中有78tr,我需要动态的将其中45tr display=none/block。但是我又不想给每个tr都定义一个id,所以我想到了给这45tr一个共同的name然后用 getElementsByName来返回一个数组,这样用循环操作每一个tr方便点,可是后来发现ie不支持。
如果只是 hide/show 操作的话,可以设一个独立 stylesheet,把同一 classname object 设为 display:none。之后便可以透过改变这个 stylesheet disabled property 改变属于这 classname object show/hide 状况。
<html>
<head>
<title>test</title>
</head>
<body>
<style id="abc-style">
.abc {display: none}
</style>
<h1 class='abc'>test</h1>
<script>
function toggle() {
  var style = document.getElementById('abc-style');
  style.disabled = !style.disabled;
}
</script>
<P onclick="toggle()">click me </p>
</body>
</html>

延伸思考:

比如说,你想得到所有class属性是"abc"tr,用这个就可以了:
代码:
alltr = document.evaluate("//tr[@class='abc']", document, null, XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE, null);
for (var i = 0; i < alltr.snapshotLength; i++) {
tr = alltr.snapshotItem(i);
// do something with tr
}

Tags: javascript

分类:Programer | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 4527

attachEvent传递参数

两种方法
方法一:

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>新建网页 1</title>
</head>

<body>
<a href="#" id="mylink">这是连接</a>
<script type="text/javascript">
function AttachEvent(type, target, handler, owner)
{
var eventHandler = handler;
      if(owner)
      {
       // 在这里重新定义一个处理函数
       eventHander = function(e)
       {
        handler.call(owner, e);
       }
      }
      if(window.document.all)
       target.attachEvent("on" + type, eventHander );
      else
       target.addEventListener(type, eventHander, false);
}

function MyLink_Click(e)
{
alert(this.name);
var target = e.srcElement || e.target;
alert(target.href);
}

查看更多...

Tags: javascript

分类:Programer | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 4892

Happy New Year

  

分类:Diary | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 1924

chrismas

分类:Diary | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 2299

很NB的事故,无语了

分类:Play | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 2492

一个顺口溜引发的命案...

大兔子病了,
二兔子瞧,
三兔子买药,
四兔子熬,
五兔子死了,
六兔子抬,
七兔子挖坑,
八兔子埋,
九兔子坐在地上哭泣来,
十兔子问他为什么哭?
九兔子说:
五兔子一去不回来!




大家看出什么门道来没??













这是一件密谋杀兔事件…





1.首先,兔子也是有阶级的,大兔子病了,要治它的病,就必须不惜一切代价,甚至牺牲一只兔子做药引。


2.病的是大兔子,五兔子却突然死了,显然是被做成了药引。


3."买药"其实是黑话,因为实际上只需要一些简单的草药,主要是药引,所以这个"买药"指的是去杀掉做药引的兔子,三兔子是一个杀手。

4.做药引的为什么是五兔?因为哪只兔子适合做药引是由医生决定的,二兔子就是医生。


5.可以推出,二兔子借刀杀兔搞死了五兔子,他们之间有什么过解呢?可能是情杀,因为一只母兔。
6.谁是母兔呢?想一下,女人爱哭的天性,所以九兔是母兔,九兔也知道了真相,所以才哭,因为她爱的是五兔。

7."六兔子抬",这明显是病句,一只兔子怎么抬?他显然是被抬,因为他死了,所以才会被抬。抬他的两只兔子随后一个挖坑,一个埋尸。没错,抬他来的就是七八两只兔子!


8.六兔子是被七八两只兔子杀的吗?不是,他是被杀手三兔子杀死的。三兔子本来不想杀他,五兔子和六兔子关系非常好,当时他们正好在一起,并联手抵抗,所以三兔子才把他们一起杀了。


大家会发现,每相临的两只兔子关系都是微妙的。1-2 大兔子像皇上,二兔子就是他身边进谗言的小人。3-4三兔子是杀手,四兔子药师,他俩都是助纣为虐型的,四兔经常给皇帝做一些壮阳药什么的,把皇上搞生病了,又亲自熬兔子药引。5-6一对好朋友,经常在一起吟诗做对,不惧怕恶势力,五兔很有才华,怪不得被九兔所爱又被二兔嫉妒呢,物以类聚,六兔也很有才,可惜都属于文人,两个人的武工加一起也没打过三兔。 7-8也是一对好朋友,但属于随风倒型的,为了保住命,什么事都肯做,本质不算坏,但经常被坏人指始做坏事。9-10在女人哭的时候,身边一定会有爱她的男人,而她的哭泣一定是为了她爱的男人。可惜,爱她的兔子和她爱的兔子不是一只兔子。很明显了吧,十兔暗恋九兔,关心她,看到她哭,他当然要去问原因。



9.最后一点分析了,也许是多余。事情是这样的,三兔和五六两兔打斗过程中,引来了七八两兔。当五六被杀死后,三兔已没有力气,况且七八平时都很听话,不会告密的。所以三兔就放过了七八两兔,并让他们把六兔抬走,埋了。七八一看,命保住了,反正事情也发生了,无法挽回,只好照办理。










后记1:回看第5条,情杀不是随便猜出来的,观全局,二兔位高劝重,但即便这样,也有他得不到的东西,那就是真爱。所以他杀五兔的原因很可能是这个,而且五兔正直,应该平时就经常与他作对,所以才起了杀心。


后记2:其实五兔死的非常惨,因为二兔疯狂妒忌他,所以不想让他成为一个正常的男人。再说皇上吃了药师的药,荒淫无度,哪里最虚弱大家应该都知道吧,所谓吃什么补什么,其实五兔被做成药引的部位应该是...







推理的补充

(1)作为一个完整的故事,必然要有因果关系,这个故事有了果(即情杀,下面再谈),但没有因,所以显得不完整,就是大兔子为什么病了?无缘无故的病了便引发了以下的血案么?显然不是.


(2)从一个严密的逻辑上来看,这个故事中所有人物的出现(兔子)都是有联系的,且每一个按序列排下来的兔子之间都存在因果关系(动机),比如:大兔和二兔,二兔和三兔.三兔和四兔(这个上文已经大致说明了,我就不进一步讲了),但大家有没有觉得,10兔子的出现好象在这个逻辑中显得微不足道,即没有10兔子这个故事也能顺理成章的结束,因此10兔子在这个逻辑中的动机显得苍白.

结论:
根据以上的推断,我们都忽视了这个故事的重点,就是10兔子,他为什么出现在这个故事中?难道仅仅为了引出9兔子的一句话么?错了,这是一个有预谋的凶杀案,而且,10兔子就是这个案件的主谋(不是2兔子),其他所有的兔子都是在他全盘计划中的一枚棋子,案发过程大致如下(补充上文):


(1)10兔子喜欢9兔子,9兔子不喜欢他

(2)5兔子和9兔子互相喜欢

(3)10兔子妒忌

(4)10兔子是大兔子身边最亲信的人,并且对其他兔子之间的关系了如指掌(也就是说,他很清楚大兔子如果病了接下来会发生些什么事),(比如10兔子就像是熬拜,大兔子是康熙)

(5)5兔子也是朝中权贵,10兔子没办法随便处置他.

(6)所以10兔子就让大兔子病了,接下来的一切就像上文说的那样发生了.....


所以,贯穿整个这个故事的主线就是10兔子,他是这个故事的结尾也是这个故事的主因,这样这个逻辑才显得天衣无缝,故事的名字就是:

借刀杀人!

分类:Play | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 2033