Turn any webform into a powerful wizard with jQuery

表单过长是让用户受阻的重要原因,而基于浏览器的应用程序要提供用户注册或收集用户资料,也只能用form了,所以简洁大方的表单是吸引用户注册的有效手段,今天介绍一个jquery插件,看文章标题就知道:把任何web表单转化为美观的向导式表单,翻译得不好,看图:

原始表单:

before-powerful-wizard

转化后:

after-powerful-wizard

插件来源:http://www.jankoatwarpspeed.com/examples/webform_to_wizard/

Yetii — Yet another javascript tab interface

come from: http://www.kminek.pl/lab/yetii/

Yetii stands for Yet (E)Another JavaScript Tab Interface Implementation.

There are plenty of DHTML tabs scripts out there but most of them are either poorly coded, library/framework dependend or bloated with unnecessary functionality. So I`ve decided to come up with this simple, yet functional tab interface implementation.

Features

  • extremely lightweight, object-oriented code
  • gracefull degradation in browsers without JavaScript
  • you can have many independend tab interfaces on a single page
  • you can specify initial tab
  • you can customize default class names
  • you can turn on automatic tabs rotation (available in two modes)
  • you can add next/previous navigation
  • you can nest one tab interface inside another
  • you can manually invoke tab showing method
  • you can define custom function to run after certain tab is clicked
  • you can define custom function to run when user leaves certain tab
  • you can link to certain tab on page A from page B via URL parameter
  • you can turn on tab persistence feature, so the most recently clicked tab is stored inside a cookie and remembered between page refresh

yet-another-javascript-tab-interface

又一个中国省份select联动jquery插件

China Provinces 是一款jquery的Javascript 中国省份,市,区联动的选择框插件。它可以方便的将中国的省份、城市、区联动起来,不需要任何数据库,服务器端脚本支持。

之前介绍过一个相似的插件:中国城市JSON数据(http://godpress.cn/?p=44)。可以自己比较性能根据需要、习惯选择使用。

不多说了,看演示:http://godpress.cn/demos/jquery/chinaprovinces/

 

感谢harry的努力,我们才有这么好的插件可以使用!

js实现IE下PNG透明效果的2种方法

PNG的透明是相当不错的网页特效,但遗憾的是,IE老是跟我们作对无法实现透明效果。 下面2种用js方法来实现透明效果

1. 首先是jquery.pngFix.pack.js,一看名字就知道是JQUERY的一个插件,所以使用前请调用jquery库

具体使用方法请参考66小朋友网站的DEMO。

http://www.cssrain.cn/demo/jquery-pngFix/demo.html

2 . IE PNG Alpha Fix v2.0   这是原生态js编写的,具体功效看下面介绍吧

自动激活的透明度,在网页PNG图像。
支持<IMG SRC=””>元素。
支持背景PNG图像
在CSS1中背景重复和立场的支持(通过可选附件)
背景图片可以定义内联或外部的样式表。
支持包括CSS的类的变化。
采用了自动的解决方法的<a href=””>在新元素的背景元素。
脚本容量小,便于下载

DEMO:http://www.twinhelix.com/css/iepngfix/demo/

主页:http://www.twinhelix.com/css/iepngfix/