超强的jQuery下拉选择列表插件Jquery Mega Select List_时代Java(NowJava.com) -JS/jQuery代码 -演示与下载 -时代Java

Summary

The jQuery Mega Select List is a plugin that converts large select lists into a mega-menu style list of options.

This plugin doesn't affect your form, posting back the selected value as if the options were being selected in a normal select list.

You can animate the mega-select-list using CSS as per this example, or you can have it constantly expanded instead.

With CSS Animation

Example 1

Select an item: Andover

Hampshire

  • Andover
  • Alton
  • Basingstoke
  • Fareham
  • Portsmouth
  • Romsey
  • Southampton
  • Waterlooville
  • Winchester

Dorset

  • Blandford
  • Bournemouth
  • Christchurch
  • Ferndown
  • Poole
  • Verwood
  • Wareham
  • Weymouth
  • Wimbourne

Wiltshire

  • Devizes
  • Frome
  • Salisbury
  • Trowbridge
  • Warminster
  • Westbury
 

With JavaScript animation (click to change)

Example 2

Select an item: Andover

Hampshire

  • Andover
  • Alton
  • Basingstoke
  • Fareham
  • Portsmouth
  • Romsey
  • Southampton
  • Waterlooville
  • Winchester

Dorset

  • Blandford
  • Bournemouth
  • Christchurch
  • Ferndown
  • Poole
  • Verwood
  • Wareham
  • Weymouth
  • Wimbourne

Wiltshire

  • Devizes
  • Frome
  • Salisbury
  • Trowbridge
  • Warminster
  • Westbury
 

Please read the constant footer documentation for instructions on how to use the plugin.

Options

classmodifier
Used to apply class names to the elements created by the plugin. You only need to specify a class modifier if you have a name-clash.
headers
If you choose not to use optgroups, you can instead choose to add the headers to an attribute on the option element. Specify the attribute you have used here, for example "rel".
animate
Whether the select list should animate or be fixed. Set to "true" to trigger animations.
animateevent
Specify whether the list should expand on "click" or "mouseover".

代码整理:时代Java(NowJava.com) 

转载请注明出处,此代码仅供学习交流,请勿用于商业用途。

下载代码说明
X关闭

超强的jQuery下拉选择列表插件Jquery Mega Select List

超强的jQuery下拉选择列表插件Jquery Mega Select List,可以在普通的select列表中实现部分项目可选、部分项目不可选,可以自定义下拉列表格式,功能无比强大