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:

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: , ,