存档

文章标签 ‘javascript’

JavaScript中Array(数组)的属性和方法

2009年6月24日

没办法 ,每次用到都记不得,留一份备忘。

数组有四种定义的方式

使用构造函数:
var a = new Array();
var b = new Array(8);
var c = new Array(”first”, “second”, “third”);
或者数组直接量:
var d = ["first", "second", "third"];

阅读全文…

javascript ,

无限级别导航菜单

2009年5月7日

无限级别导航菜单


无限级导航菜单(All Levels Navigational Menu (v2.1))是一个基于CSS/HTML的列表,它支持无限级子菜单。此菜单小巧且易用(菜单代码是简单的HTML列表),而且所有的菜单的链接对搜索 引擎友好。此外,这个菜单以一定的方式结构化,所以它很容易被定制外观。

菜单支持水平导航和垂直导航两种方式,官方提供了很多的模板供参考和快速上手。

访问官网网站>>

下载(仅包括两个简单的演示,了解更多请查看官方网站)

web开发 , ,

MooTools 入门教程 (二)(关于UnObtrusive Javascript)

2009年4月28日

MooTools是一个非常出色的Javascript框架,跟更流行的JQuery框架相比,它的语法可读性更好,因此也有许多开发者在项目中选择Mootools.在(上一课)中我们学习了 MooTools 的一些基本技巧, 这里继续上次的内容,介绍一下MooTools操作DOM元素的基本方法. 
1. "Obtrusive" 的实现方法
什么样的代码是 Obtrusive 的呢:(关于UnObtrusive Javascript如果不理解请看最后的参考文献,这里就不翻译了),看看下面的代码:

<ul id="myList">

<li id="li_1">
<a href="#" onClick="javascript:getId(’1′)">Get this ID</a>
</li>
<li id="li_2">
<a href="#" onClick="javascript:getId(2)">Get this ID</a>
</li>
<li id="li_3">
<a href="#" onClick="javascript:getId(3)">Get this ID</a>
</li>

</ul>

getId()方法的Javascript 代码:

阅读全文…

javascript ,

MooTools 入门教程 (一)

2009年4月20日

本文是MooTools系列教程的第一部分,本系列教程为MooTools新手提供了一些入门的技巧,对刚刚开始接触MooTools的朋友非常有用.

本教程的其他部分稍后推出:)
MooTools 入门教程 (二)
占位二

在第一课中,我们将会学习如何操作元素的属性,如使用ID操作一个DOM元素,getStyle(),setStyle()的用法(操作元素的CSS属性),使用toInt()将string类型转换为number类型等.

阅读全文…

javascript , ,

Javascript and the DOM系列教程(二)

2009年4月2日

     欢迎来到Javascript and the DOM系列教程的第二讲,本系列教程将为大家介绍有关Javascript和DOM API的核心内容.上一讲我们温习了一些Javascript和DOM的基础知识,这一讲我们来学习一下如何操作页面元素以及浏览器事件模型.请留意本系列系列的其他部分.

Javascript and the DOM 系列教程(一)

Author: James Padolsey  Translate: 德古拉

 

操作页面元素

上一讲中我们已经提到了如何访问DOM节点的方法,现在我们来看看如何来操作一个节点的属性(property). 每一个DOM节点都有若干属性,每个属性对应着相应的功能.如你可以改变一个id为’intro’的段落元素的颜色属性:

document.getElementById('intro').style.color = '#FF0000';

阅读全文…

javascript ,

30+个流行的jQuery插件收集

2009年3月31日

本文收集了30个流行的JQuery插件.

SimpleModeal

View Demo
Download

阅读全文…

JQuery , ,

8个使用jQuery的优秀网站导航设计

2009年3月31日

本文收集了8个使用JQuery设计的网站导航.

1. Carrot Creative

http://carrotcreative.com/
Carrot Creative

阅读全文…

JQuery , ,

20个最酷jquery应用

2009年3月26日

没有废话,直接开始.

  • James Padolsey Color Switcher

    Screenshot 1

    点击右上角的颜色方块,可以换配色。

    Visit Site

 

阅读全文…

JQuery ,