http://blog.sina.com.cn/neils[订阅][手机订阅]
个人资料
评论
读取中...
访客
读取中...
好友
读取中...
博文

本文收集了一些有趣并很有用的自动提示脚本,他们无论对于初学者还是专业前端开发人员都是适用的。这些脚本包括标准的自动提示效果、仿del.icio.us效果、仿Googel效果以及使用自动提示的高级数据表过滤效果。

 

使用一个合适的自动提示脚本有效的提升你的网站的用户体验。

1. Ajax Auto Suggest v.2

AutoSuggest 类添加一个包含提示内容的下拉菜单到一个文本框中。用户可以直接点击相应的提示条目,也可以输入到文本框中,或者使用向上和向下的方向键来浏览列表,然后使用回车键选择某个条目。提示列表的条目由一个XML文件提供,或者使用JSON (通过一个PHP脚本,或类似脚本)。这个自动提示脚本非常容易定制并应用到你的网站中。查看演示

2. Woork PHP 组件: Autosuggest

导航菜单是网站设计中最重要的因素之一。网络开发人员可以使用CSS创建方便用户的横向或纵向导航菜单, 而JavaScript则使人们有可能创造更多的互动,更多的响应和更灵活的导航到任何网站。Noupe在这篇文章里面提出了25个以上(横向和纵向)多层次的下拉菜单,包括使用了JavaScript和CSS ,你可以将这些示例和教程用你的未来网站设计计划。
帕兰照常为你翻译, 你也可以查看帕兰映像之前发表的一些关于菜单应用的文章:

本文收集了Ajax的滚动技术,渐变效果,实时快速编辑,互动元素,视觉效果,动画,幻灯片,手风琴,评级以及更多的javascripts例子,你可以从中找到很多有用的元素,作用于你的AJAX的Web应用。
Scrolling Techniques 滚动技术
1) Ajax dynamic scrolling pages-Ajax动态滚动页面

这个脚本从你的服务器中载入内容并插入一个HTML空白元素(比如DIV标签)到你的页面中。新的页面可以添加动态效果,脚本将向下滚动显示新页面的内容。

(2) Control.Scroller- Control.Scroller是一个基于Prototype和 script.aculo.us JavaScript 框架的脚 本. 它在script.aculo.us使用Control.Slider并且进行扩大, 使用你可以控制你一个内容容器,对它进行裁剪和滚动。

40多个Ajax,DHTML和Javascript应用

之前已经为你介绍了50多个强大的jQuery插件,但是承受着jQuery的流行,越来越多的插件很快的冒出来。本文中为你收集了45个最新的jQuery插件,看看,有哪些是你想要应用到你的网页设计中的?


图象幻灯片展示和画廊插件

1) Galleria -这是一个用jQuery编写的javascript图像画廊插件。之前帕兰已经做过介绍

2j15 45个新鲜出炉的jQuery插件


2) jQuery Multimedia Portfolio -支持多种多媒体格式,包括:图片,视频 (flv), 音频 (mp3
50+ Wordpress随机插件(2009-03-18 10:06)

偶遇,或者说邂逅通常都是件美丽的事情.本文里面,为大家收集整理了50多个Wordpress随机插件,包括随机图片,随机格言摘要,随机视频,随机日志以及其它一些有趣的随机插件.

Wordpress 随机图片插件

Random Image Selector: 从一个指定的文件夹里面随机显示其中的图片.

Random Image widget: 从一个指定的文件夹里面随机显示其中的图片.

NextGEN Gallery:强大的相册插件,上一篇文章已经介绍过.当然包含了随机图片列表功能.

WPG2: 一个Gallery插件. 可以显示来自GALLERY2的随机图片在Wordpress侧边栏.

Shashin: 一个Picasa相册插件

每一个网页设计师都希望有一个极富创造性的网页导航菜单,下面为你准备了13个利用Javascript实现的网页导航菜单,它们的效果真的是酷毙了, 我很多时候都忍不住有种冲动,想把这13个效果放在一起,做一个Wordpress主题。只是我除了担心我对它们的掌控布置能力之外,更担心什么样的主机才能同时良好的运行它们。

哦,你没我那么傻,选择一下你最喜欢的,做为你的网页导航菜单吧。

1) Sexy Sliding Menu - 基于mootools的Javascript网页导航菜单,漂亮的滑动门技术,看到下面的图了没有,用它来设计你的Sidebar,非常之炫,Sexy,是的。

Sexy Sliding Menu

Demo: M

在过去几年中,Web开发人员开发了许多Ajax和CSS,Tab选项卡切换为基础的界面,成为一项非常有趣的技术,它让我们用一种简单的方式获得信息,而不需要打开和关闭多个窗口。

在本文中,我们花了许多时间来为你寻找最好的以Tab选项卡切换为基础的界面应用,这些Tab选项卡切换应用包括使用纯CSS和以AJAX结合CSS实现的。

自动切换的Tab选项卡切换效果

1) Easy Tabs 1.2 with autochange- 你可以设置成自动切换模式的Tab选项卡菜单

t1 37个Ajax和CSS实现的Tab选项卡切换效果界面


2) Rotating jQuery tabs这个自动切换的Tab选项卡菜单效果非常酷,在切换的时候文字可以产生淡入淡出效果。

当谈到表格数据的设计时,没有太多的网页设计师会有太大的兴趣。今天我们已经收集了20多个功能超大且看上去挺漂亮的Ajax/CSS表格设计,并且教你一些表格设计中所运用的技巧,例如表格数据的排序和过滤等。

OK,让我们来看一下这些表格:

1. Tablecloth

Tablecloth 由CSS Globe 开发,是一个轻巧易于使用的表格,简洁的将表格样式添加到你的HTML 表格元素中。

2. Ask the CSS Guy Table

Ask the CSS Guy Table教给我们要如何去创建能够清晰显出去资料之间的相关联系的表格,例如:点击一个表格元素时,将突了显示这个元素,并且在纵列和横列都显示出相关的类别关系。

#3. A CSS styled table version 2

中西方的文化差异(2007-12-05 14:28)
 1、表达个人观点

2、生活方式

3、守时

4、人际关系