jDrop Image Combo 介绍
jDrop -Alpha -0.3.7
jDrop turns your SELECT OPTION form elements into drop down lists
that can be fully styled with CSS. Use jDrop as an image combo Box or
drop down list. You can add ANY xhtml element to your dropdown or comboBox.
jDrop changes the value of your original form elements, making the data
POST’able on submit, integrating seamlessly with your existing forms.
Demo & Zipped Code:
Try it here!
Directions: Just insert script type=”text/javascript”
src=”js/jquery.jdrop.js” into your HEAD and write your SELECT’s as follows:
<select name="animal"> <option html="<img src='gfx/dog.png' />" selected="selected">Dog</option> <option html="<img src='gfx/cat.png' />">Cat</option> <option html="<img src='gfx/duck.png' />">Duck</option> <option html="<img src='gfx/fish.png' />">Fish</option> <option html="<img src='gfx/snake.png' />">Snake</option> </select>
Currently in Alpha 0.3.7.
In development for the next version:
- Image cache support.
- Phasing out the HTML=”” attribute to aviod custom DTD.
- Using ID instead of TITLE to link the drop-down with it’s source element.
- Feature requests and ideas very welcome
jDrop currently uses a Custom DTD to validate but this will be phased out
in the next version.
jDrop Image Combo 官网
http://plugins.jquery.com/project/jDrop
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。