Jquery中文网 www.jquerycn.cn
Jquery中文网 >  jQuery  >  jQuery 插件  >  正文 jDrop Image Combo

jDrop Image Combo

发布时间:2014-08-09   编辑:www.jquerycn.cn
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
jDrop -Alpha -0.3.7jDrop 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 welcomejDrop currently uses a Custom DTD to validate but this will be phased out in the next version.

您可能感兴趣的文章:
jDrop Image Combo
jQuery 的 Combo 组合框插件 jcombo
jQuery组合框插件 Sexy Combo
Multiple Select
幻灯片带网页设计中的20个奇妙应用示例小结
Image Scroller
Ajax Multi Image File Upload
jQuery Image Gallery
图片轮播插件 Image rotator
图像上传和剪裁 Image Upload and Auto Crop

上一篇:Ajax Queue 下一篇:Background-Position Animations
[关闭]