怎么使用tastySelect-创新互联

本篇内容主要讲解“怎么使用tastySelect”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“怎么使用tastySelect”吧!

创新互联专注于阿城网站建设服务及定制，我们拥有丰富的企业做网站经验。 热诚为您提供阿城营销型网站建设，阿城网站制作、阿城网页设计、阿城网站官网定制、微信小程序定制开发服务，打造阿城网络公司原创品牌,更为您提供阿城网站排名全网营销落地服务。

tastySelect是一款纯js超酷select下拉框美化插件。tastySelect下拉框插件支持多选，内置两种主题，使用css3动画过渡效果，整体设计时尚大方。

tastySelect的使用

1、引入

<linkhref="css/tastySelect.css"rel="stylesheet"type="text/css">

<scriptsrc="js/tastySelect.min.js"></script>

2、html

<selectname=""id="tastySelect"multiple>

<optgrouplabel="JavaScript">

<optionvalue="jQuery">jQuery</option>

<optionvalue="react">reactjs</option>

<optionvalue="Angular">Angularjs</option>

</optgroup>

<optgrouplabel="html">

<optionvalue="html5">html5</option>

<optionvalue="XML">XML</option>

<optionvalue="Xhtml">Xhtml</option>

</optgroup>

<optionvalue="css">css/Scss/LESS</option>

<optionvalue="more">MoreOptionsHere</option>

</select>

tastySelect的初始化

tastySelect({

defaultText:"通过(Ctrl+Click)组合键可以选择多个选项",

});

到此，相信大家对“怎么使用tastySelect”有了更深的了解，不妨来实际操作一番吧！这里是创新互联建站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！

当前名称：怎么使用tastySelect-创新互联
网站网址：https://www.cdcxhl.com/article22/dsdecc.html

成都网站建设公司_创新互联，为您提供移动网站建设、微信公众号、网站改版、网站导航、微信小程序、网站内链

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联