jquery带多种风格的select下拉框美化插件

所属分类：网页特效-表单美化 2023-09-01 05:15:36

4.5K 4 查看评论 (4)

查看演示登录后下载 温馨提示
登录会员即可享受免费下载我要建站

资源描述：一款select下拉菜单美化插件，它可以将常规的select下拉框转换为漂亮的动画下拉列表，并提供自定义选项。

jquery带多种风格的select下拉框美化插件（共10个文件）

package
js
- wowdown.min.js
- wowdown.js
css
- wowdown.css
- wowdown.css.map
- wowdown.scss
- wowdown.min.css
js
- wowdown.min.js
css
- wowdown.css
imgs
- pixel.gif

index.html

使用方法

code
source

$(document).ready(function(){
     $('#basic').wowdown();
     $('#custom').wowdown({
      background: "#0f37a9",
    active_background:"rgb(149, 211, 255)",
    placeholder_color: "#97bce0",
    placeholder_active_color: "#0f37a9",
    option_color:"#405463",
    vertical_padding: "15px",
    horizontal_padding: "20px",
        intense: false
});

$('#intense').wowdown({
                background: "#1d456f",
                active_background: "rgb(135, 142, 144)",
                placeholder_color: "rgb(169, 232, 169)",
                placeholder_active_color: "rgb(169, 232, 169)",
                option_color: "#fff",
                vertical_padding: "15px",
                horizontal_padding: "20px",
                intense: true
            })


});

function my_callback(value) {
            alert("The value selected is " + value)
}

$(document).ready(function(){
     $('#basic').wowdown();
     $('#custom').wowdown({
      background: "#0f37a9",
    active_background:"rgb(149, 211, 255)",
    placeholder_color: "#97bce0",
    placeholder_active_color: "#0f37a9",
    option_color:"#405463",
    vertical_padding: "15px",
    horizontal_padding: "20px",
        intense: false
});

$('#intense').wowdown({
                background: "#1d456f",
                active_background: "rgb(135, 142, 144)",
                placeholder_color: "rgb(169, 232, 169)",
                placeholder_active_color: "rgb(169, 232, 169)",
                option_color: "#fff",
                vertical_padding: "15px",
                horizontal_padding: "20px",
                intense: true
            })


});

function my_callback(value) {
            alert("The value selected is " + value)
}

站长提示：
1. 苦力吧素材官方QQ群：950875342
2. 平台上所有素材资源，需注册登录会员方能正常下载。
3. 会员用户积极反馈网站、素材资源BUG或错误问题，每次奖励2K币。
4. PHP源码类素材，如需协助安装调试，或你有二次开发需求，可联系苦力吧客服。
5. 付费素材资源，需充值后方能下载，如有任何疑问可直接联系苦力吧客服