您的位置：首页 → 技术开发 → JAVA Script → 常用的JS特效

常用的JS特效

时间：2009/12/14 10:33:00来源：本站整理作者：我要评论(0)

1. 日历与时间：实例和演示

 

“可拖曳的，可选择的，更佳的日历”，点击查看演示：here。
 

 

  类似于iPhone的日历程序，鼠标触碰时显示事件的描述。
 

 

这个元素可以让您使用简单的滑动条选择日期。
 

 

设定一个明智的每周时间表，提醒你每天需要做的事情
 


这个unobtrusive datePicker可以使用键盘，不需要嵌入JavaScript的模块，不使用弹出式窗口。

 
 

它是一个日期选择空间，支持多种日期格式，可以通过CSS自定义外观，让一星期中的某些天失效，让预约的日期加亮显示

 
 

2.导航的实例和演示

如何使用script.aculo.us 创建一个自动滚动的页面导航。
 

本指南将告诉你，如何使“按类别过滤”变的更有缺，只需要使用一点jQuery。

 

了解如何使用MooTools JavaScript框架，创建一个灵活的工具，突出你网站的产品和服务。

 

一个Accordion小工具，InfoPanel使用Ext JS Library。它可以用于网页导航，工具窗口，隐藏详细信息，log-in forms，选择对话，即使提示等…

 

ListNav，是一个jQuery插件，它提供一种简单的方法用来创建基于字母的导航。创建后，可以使用CSS来进行样式定义，放置到列表上方，显示字母A到Z在列表的上方，点击某个字母后，则过滤显示以该字母开头的条目。这个插件比较适合用来优化那种比较长的列表，支持UL或OL列表。

 

3.Tool Tip实例和演示

jQuery主页的tool tip效果很漂亮，这里我们将告诉你如何使用MooTools来创造相同的效果。

 

可以让你轻松的建立即简单又复杂的tool tips，基于Prototype JavaScript框架。你可以轻松的进行自定义，控制tool tip的位置并获取配置的圆角。与Scriptaculous搭配使用，还可为其加入些漂亮的动画效果。

 

一个轻巧（只有3.4Kb便携）jQuery插件创造好的提示 。它允许你轻松创建工具提示的任何内容网页上使用的力量， jQuery的选择器和事件管理。 该工具提示可以静态，动态，甚至通过加载的AJAX与多种不同的视觉效果。

 

当你的鼠标放在一个可下载的图片上时，如何重新创造出puff popup bubble，如下图所示。

 

4.Menu：实例和演示

漂亮的jQuery菜单，使用平滑动态的效果。

 

点按钮后其他按钮变暗

 

用来显示上下文菜单（响应鼠标右键）的插件

 

它是script.aculo.us的扩展，用于生成Ajax下拉Tab菜单。可以将菜单平稳的展开与收缩。

 

5.Slider：实例和演示

这个MooTools的滑块有两个旋钮（最大值和最小值旋钮），有刻度值

 


 

有一个简单的教程，使用MooTools，一步一步的教您实现超多功能的滑块和水平滚动的动画效果。

 

一个小脚本，可以将页码数字变得更美观。

 


6.幻灯片：实例和演示

noobSlide是一款基于mootools的幻灯片画廊脚本, 包含七种不同风格的幻灯片展示特效，运行流畅。

 

Easy Slider 是一个滑动门插件，支持任何图片或内容，当点击时实现横向或纵向滑动。它拥有一系列丰富的参数设置，可通过CSS来进行完全的控制。

 


Supersized 是一个jQuery插件 ，可以自动调整背景图像的大小在浏览器窗口并运行它们作为一个幻灯片 ，没有额外的空白，没有滚动条-整个浏览器窗口总是填补。
 

这个轻量级的JavaScript动画幻灯片脚本 包含一系列很酷的功能来样式化你的内容： 描述支持，链接支持，没有命名限制，肖像图片支持，缩略图状态等等。

 

一个带按钮的jQuery滑块，可更换模板或调整面板的大小。
 

 

可快速的浏览项目，可以纵向，横向或分组。

 

 

7.图像裁剪：实例和演示

UvumiTools是一个功能强大的图片剪裁控件，基于Mootools框架开发。可以配置图片剪裁最小尺寸，保持剪裁区域长宽比例，实时预览剪裁图片等功能。

 

图像实时旋转和缩放

 

Jcrop是一个跨浏览器的jQuery图片剪切插件（jQuery image crop plugin）。支持对剪切框加CSS样式，当选取或拖动时添加回调事件（Callbacks），剪切时能够约束宽度与高度。
 

相关阅读 我的世界手机版药水插件 我的世界手机版药水jsnode.js环境搭建教程 node.js怎么进行环境搭建我的世界手机版js函数表大全JS文件中的中文在网页上显示为乱码解决方法(带缩略图版)JS图片切换代码js鼠标滑过切换层效果代码下载jsp统计在线人数代码jsp技巧大全

文章评论
发表评论

热门文章 JS文件中的中文在网页

最新文章 JS文件中的中文在网页关于一些Play 1.0.1资 JAVA中抽象类与接口的区别Java技巧：关于Cookie的操作JAVA AWT图形用户界面设计巧用Java将Word转换为Html网页文件

人气排行 JS文件中的中文在网页上显示为乱码解决方法怎么为Java程序添加漂亮背景图片代码JAVA AWT图形用户界面设计怎样获取java线程中信息JS简介及特点Java面向对象编程学习总结js鼠标滑过切换层效果代码下载教你java使用回调和线程处理响应全过程