Oct 20

最新ajax特效30则

ajax, javascript No Comments »

1) noobSlide- 八种ajax实现的slide图片文字轮换缓冲滚动效果 演示http://efectorelativo.net/laboratory/noobSlide/sample.html

Checkout the Demo here.下载

2) Growl 2.0 with Mootools- 图层渐隐渐显效果, 演示: 打开演示页，点击左侧Show Growl Smoke. Show Growl 即可看到效果下载:

2) Easiest Tooltip and Image Preview Using jQuery-鼠标移到连接对象上，滑出提示层效果

Live Demo演示
Download from Here下载

4) Sliding top panel using mootools-仿flash的菜单移动效果

Live Demo演示
Download tutorial from Here下载

5) Create a Slick Tabbed Content Area using CSS & jQuery-tab标签切换内容根据高度自动缓冲移动变化

Live Demo演示

6) Custom [...]

阅读全文...

written by admin

Aug 14

仿Vista的AJAX日历控件

ajax, html, javascript 1 Comment »

查看演示:http://dev.base86.com/scripts/vista-like_ajax_calendar_version_2.html#examples

阅读全文...

written by admin \\ tags:

Aug 03

在线编辑器集合

html, javascript, 资源 1 Comment »

From now on you will not only find Wordpress stuff but also Drupal. If you have not yet put your hands on it.. we feel that its time for it.
If you have already, you must have known that Drupal core functionality doesn’t support Rich Text Editing for TEXTAREAs. Below are a few standard & popular [...]

阅读全文...

written by admin \\ tags: , ,

Jul 24

Ajax＆Javascript　浮动提示效果集合

ajax, html, javascript 1 Comment »

Tooltips: AJAX & JavaScript Solutions

Nice Titles Revised
An improved Nice Titles Tooltip Script with Accesskeys support.

A lightweight prototype based JavaScript tooltip

Nice Titles
A classic. The script uses a background image.

AJAX-enabled Help-BalloonsHelp windows in baloon-design. AJAXified version is also available.

jTip – A jQuery Tool Tip
Extensive AJAX-based tooltips with numerous functions and presentation possibilities.

jQuery plugin: Tooltip
Enhances the jQuery Library.

qTip
Works [...]

阅读全文...

written by admin \\ tags: , ,

Jul 13

Javascript图片展示类库比较

ajax, javascript, 资源 No Comments »

名称
大小（KB)
Javascript库
JS文件总大小
支持图片
支持图片组
其它支持对象

Awesome Box
23.5
YUI (DOM-Events + Animation) (43k)
66.5
Yes
Yes
No

YUI based lightbox
7.2
YUI (lots of components) (355k)
362.2
Yes
Yes
No

Leightbox
5.1
Prototype (130k)
135.1
No
No
Inline content

LightWindow
63.7
Prototype + Scriptaculous (165k)
228.7
Yes
Yes
Inline, Ajax, Flash, Video, Mostly anything

Lightview
28
Prototype + Scriptaculous (165k)
157
Yes
Yes
Inline content, Ajax content, Flash, iframe

WeebBox
10.6
Prototype + Scriptaculous (172k)
182.6
Yes
Yes
Automatic slideshows possible from sets

Lightbox2
18.4
Prototype + Scriptaculous (172k)
190
Yes
Yes
No

Suckerfish HoverLightbox Redux
23.5
Prototype + Scriptaculous (165k)
152.5
Yes
Yes
No

Control.Modal
15.3
Prototype (130k)
145.3
Yes
No
Inline content, iframe, ajax

Prototype Window
64
Prototype (130k)
194
No
No
Inline content, Ajax content

ModalBox
22.6
Prototype + [...]

阅读全文...

written by admin \\ tags: , , ,

Jul 13

Ajax: 运用javascript insertBefore() 方法，在列表中加入新元素

ajax, html, javascript No Comments »

第一步 : HTML 代码
<input> text field (with id=“newElement”) for add new element.

<ul id=“myList”> the list into we will add new elements.
<div id=“msg”></div> a layer that will show a message if the add action has been completed, or an error if the input field is emty.
　　
Copy and paste this code into the <body> tag:

<h3>
<ul>
<li>list</li>
</ul>
</h3>
Add a [...]

阅读全文...

written by admin \\ tags: , ,

Jul 10

window.open的详细参数及实例介绍

html, javascript No Comments »

window.open使用方法以及参数说明
window.open参数window.open方法window.open使用
一、window.open()支持环境： JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+
二、基本语法：
window.open(pageURL,name,parameters)
其中：
pageURL 为子窗口路径
name 为子窗口句柄
parameters 为窗口参数(各参数用逗号分隔)
三、各项参数
其中yes/no也可使用1/0；pixel value为具体的数值，单位象素。
参数 | 取值范围 | 说明
| |
alwaysLowered | yes/no | 指定窗口隐藏在所有窗口之后
alwaysRaised | yes/no | 指定窗口悬浮在所有窗口之上
depended | yes/no | 是否和父窗口同时关闭
directories | yes/no | Nav2和3的目录栏是否可见
height | pixel value | 窗口高度
hotkeys | yes/no | 在没菜单栏的窗口中设安全退出热键
innerHeight | pixel value | 窗口中文档的像素高度
innerWidth | pixel value | 窗口中文档的像素宽度
location | yes/no | 位置栏是否可见
menubar | yes/no | 菜单栏是否可见
outerHeight | [...]

阅读全文...

written by admin \\ tags: ,

Jul 08

javascript onsubmit()事件return很关键

javascript No Comments »

在提交表单时为了对表单的输入项进行检验就需要用到javascript的 onsubmit()事件，在对onsubmit事件进行定义的时候，一定要加上return，不然就达不到预想的结果啦·。
<script>
function check(){
if(form1.input1.value==””){
return false;
}
}
</script>
<form name=form1 onsubmit=”return check()”><!–一定要加上return关键字，否则程序会继续提交表单–>
<input name=input1 type=text>
</form>

阅读全文...

written by admin \\ tags: ,

Jun 13

javascript 文件操作

javascript, 学习, 资源 1 Comment »

Javascript是网页制作中离不开的脚本语言，依靠它，一个网页的内容才生动活泼、富有朝气。但也许你还没有发现并应用它的一些更高级的功能吧？比如，对文件和文件夹进行读、写和删除，就象在VB、VC等高级语言中经常做的工作一样。怎么样，你是否需要了解这方面的知识？那就请跟我来，本文将详细描述如何使用Javascript语言进行文件操作。
一、功能实现核心：FileSystemObject 对象
其实，要在Javascript中实现文件操作功能，主要就是依靠FileSystemobject对象。在详细介绍FileSystemobject对象的各个属性和方法的使用细节前，先来看看这个对象包括哪些相关对象和集合：
二、FileSystemObject编程三部曲
使用FileSystemObject 对象进行编程很简单，一般要经过如下的步骤： 创建FileSystemObject对象、应用相关方法、访问对象相关属性 。
（一）创建FileSystemObject对象
创建FileSystemObject对象的代码只要1行：
var fso = new ActiveXObject(”Scripting.FileSystemObject”);
上述代码执行后，fso就成为一个FileSystemObject对象实例。
（二）应用相关方法
创建对象实例后，就可以使用对象的相关方法了。比如，使用CreateTextFile方法创建一个文本文件：
var fso = new ActiveXObject(”Scripting.FileSystemObject”);
var f1 = fso.createtextfile(”c:\\myjstest.txt”,true”);
（三）访问对象相关属性
要访问对象的相关属性，首先要建立指向对象的句柄，这就要通过get系列方法实现：GetDrive负责获取驱动器信息，GetFolder负责获取文件夹信息，GetFile负责获取文件信息。比如，指向下面的代码后，f1就成为指向文件c:\test.txt的句柄：
var fso = new ActiveXObject(”Scripting.FileSystemObject”);
var f1 = fso.GetFile(”c:\\myjstest.txt”);
然后，使用f1访问对象的相关属性。比如：
var fso = new ActiveXObject(”Scripting.FileSystemObject”);
var f1 = fso.GetFile(”c:\\myjstest.txt”);
alert(”File last modified: ” + f1.DateLastModified);
执行上面最后一句后，将显示c:\myjstest.txt的最后修改日期属性值。
但有一点请注意：对于使用create方法建立的对象，就不必再使用get方法获取对象句柄了，这时直接使用create方法建立的句柄名称就可以：
var fso = new ActiveXObject(”Scripting.FileSystemObject”);
var f1 = fso.createtextfile(”c:\\myjstest.txt”,true”);
alert(”File last modified: ” + f1.DateLastModified);
三、操作驱动器（Drives）
使用FileSystemObject对象来编程操作驱动器（Drives）和文件夹（Folders）很容易，这就象在Windows文件浏览器中对文件进行交互操作一样，比如：拷贝、移动文件夹，获取文件夹的属性。
（一）Drives对象属性
Drive对象负责收集系统中的物理或逻辑驱动器资源内容，它具有如下属性：
l TotalSize：以字节（byte）为单位计算的驱动器大小。
l AvailableSpace或FreeSpace：以字节（byte）为单位计算的驱动器可用空间。
l DriveLetter：驱动器字母。
l DriveType：驱动器类型，取值为：removable（移动介质）、fixed（固定介质）、network（网络资源）、CD-ROM或者RAM盘。
l SerialNumber：驱动器的系列码。
l FileSystem：所在驱动器的文件系统类型，取值为FAT、FAT32和NTFS。
l IsReady：驱动器是否可用。
l ShareName：共享名称。
l [...]

阅读全文...

written by admin \\ tags: ,

Jun 04

javascript事件列表

javascript No Comments »

javascript事件列表解说

事件
浏览器支持
解说

一般事件
onclick
IE3、N2
鼠标点击时触发此事件

ondblclick
IE4、N4
鼠标双击时触发此事件

onmousedown
IE4、N4
按下鼠标时触发此事件

onmouseup
IE4、N4
鼠标按下后松开鼠标时触发此事件

onmouseover
IE3、N2
当鼠标移动到某对象范围的上方时触发此事件

onmousemove
IE4、N4
鼠标移动时触发此事件

onmouseout
IE4、N3
当鼠标离开某对象范围时触发此事件

onkeypress
IE4、N4
当键盘上的某个键被按下并且释放时触发此事件.

onkeydown
IE4、N4
当键盘上某个按键被按下时触发此事件

onkeyup
IE4、N4
当键盘上某个按键被按放开时触发此事件

页面相关事件
onabort
IE4、N3
图片在下载时被用户中断

onbeforeunload
IE4、N
当前页面的内容将要被改变时触发此事件

onerror
IE4、N3
出现错误时触发此事件

onload
IE3、N2
页面内容完成时触发此事件

onmove
IE、N4
浏览器的窗口被移动时触发此事件

onresize
IE4、N4
当浏览器的窗口大小被改变时触发此事件

onscroll
IE4、N
浏览器的滚动条位置发生变化时触发此事件

onstop
IE5、N
浏览器的停止按钮被按下时触发此事件或者正在下载的文件被中断

onunload
IE3、N2
当前页面将被改变时触发此事件

表单相关事件
onblur
IE3、N2
当前元素失去焦点时触发此事件

onchange
IE3、N2
当前元素失去焦点并且元素的内容发生改变而触发此事件

onfocus
IE3 、N2
当某个元素获得焦点时触发此事件

onreset
IE4 、N3
当表单中RESET的属性被激发时触发此事件

onsubmit
IE3 、N2
一个表单被递交时触发此事件

滚动字幕事件
onbounce
IE4、N
在Marquee内的内容移动至Marquee显示范围之外时触发此事件

onfinish
IE4、N
当Marquee元素完成需要显示的内容后触发此事件

onstart
IE4、 N
当Marquee元素开始显示内容时触发此事件

编辑事件
onbeforecopy
IE5、N
当页面当前的被选择内容将要复制到浏览者系统的剪贴板前触发此事件

onbeforecut
IE5、 N
当页面中的一部分或者全部的内容将被移离当前页面[剪贴]并移动到浏览者的系统剪贴板时触发此事件

onbeforeeditfocus
IE5、N
当前元素将要进入编辑状态

onbeforepaste
IE5、 N
内容将要从浏览者的系统剪贴板传送[粘贴]到页面中时触发此事件

onbeforeupdate
IE5、 N
当浏览者粘贴系统剪贴板中的内容时通知目标对象

oncontextmenu
IE5、N
当浏览者按下鼠标右键出现菜单时或者通过键盘的按键触发页面菜单时触发的事件

oncopy
IE5、N
当页面当前的被选择内容被复制后触发此事件

oncut
IE5、N
当页面当前的被选择内容被剪切时触发此事件

ondrag
IE5、N
当某个对象被拖动时触发此事件 [活动事件]

ondragdrop
IE、N4
一个外部对象被鼠标拖进当前窗口或者帧

ondragend
IE5、N
当鼠标拖动结束时触发此事件，即鼠标的按钮被释放了

ondragenter
IE5、N
当对象被鼠标拖动的对象进入其容器范围内时触发此事件

ondragleave
IE5、N
当对象被鼠标拖动的对象离开其容器范围内时触发此事件

ondragover
IE5、N
当某被拖动的对象在另一对象容器范围内拖动时触发此事件

ondragstart
IE4、N
当某对象将被拖动时触发此事件

ondrop
IE5、N
在一个拖动过程中，释放鼠标键时触发此事件

onlosecapture
IE5、N
当元素失去鼠标移动所形成的选择焦点时触发此事件

onpaste
IE5、N
当内容被粘贴时触发此事件

onselect
IE4、N
当文本内容被选择时的事件

onselectstart
IE4、N
当文本内容选择将开始发生时触发的事件

数据绑定
onafterupdate
IE4、N
当数据完成由数据源到对象的传送时触发此事件

oncellchange
IE5、N
当数据来源发生变化时

ondataavailable
IE4、N
当数据接收完成时触发事件

ondatasetchanged
IE4、N
数据在数据源发生变化时触发的事件

ondatasetcomplete
IE4、N
当来子数据源的全部有效数据读取完毕时触发此事件

onerrorupdate
IE4、N
当使用onBeforeUpdate事件触发取消了数据传送时，代替onAfterUpdate事件

onrowenter
IE5、N
当前数据源的数据发生变化并且有新的有效数据时触发的事件

onrowexit
IE5、N
当前数据源的数据将要发生变化时触发的事件

onrowsdelete
IE5、N
当前数据记录将被删除时触发此事件

onrowsinserted
IE5、N
当前数据源将要插入新数据记录时触发此事件

外部事件
onafterprint
IE5、N
当文档被打印后触发此事件

onbeforeprint
IE5、N
当文档即将打印时触发此事件

onfilterchange
IE4、N
当某个对象的滤镜效果发生变化时触发的事件

onhelp
IE4、N
当浏览者按下F1或者浏览器的帮助选择时触发此事件

onpropertychange
IE5、N
当对象的属性之一发生变化时触发此事件

onreadystatechange
IE4、N
当对象的初始化属性值发生变化时触发此事件

阅读全文...

written by admin

　　　
Page 1 of 212»