标签展示形式来美化单选框或复选框的jQuery插件.zip资源-CSDN文库

共20个文件

png：12个

css：2个

html：1个

版权申诉

css3

132 浏览量 2022-11-01 00:05:51 上传评论收藏 118KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

标签展示形式来美化单选框或复选框的jQuery插件.zip （20个子文件）

132677928293008657

assets

images

favicon.png 18KB

terms-checked.png 14KB

disabled-checked.png 15KB

input-disabled.png 15KB

synch-checked.png 1KB

terms-unchecked.png 14KB

input-unchecked.png 18KB

input-checked.png 18KB

logo.png 20KB

synch-unchecked.png 1KB

fonts

opensans-light-webfont.svg 54KB

opensans-light-webfont.ttf 41KB

opensans-light-webfont.woff 22KB

opensans-light-webfont.eot 19KB

styles

images

input-unchecked_.png 18KB

input-checked_.png 18KB

jquery-labelauty.css 3KB

lby-main.css 4KB

scripts

jquery-labelauty.js 7KB

index.html 3KB

<!DOCTYPE html> <html> <head> <meta charset="gb2312" /> <title>复选框美化插件labelauty</title> <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> <script type="text/javascript" src="assets/scripts/jquery-labelauty.js"></script> <link rel="stylesheet" href="assets/styles/jquery-labelauty.css" type="text/css" media="screen" charset="utf-8" /> <link rel="stylesheet" href="assets/styles/lby-main.css" type="text/css" media="screen" charset="utf-8" /> <script> $(document).ready(function(){ $(".to-labelauty").labelauty({ minimum_width: "155px" }); $(".to-labelauty-icon").labelauty({ label: false }); }); </script> </head> <body> <div class="separator"></div> <section id="lby-content"> <div id="lby-demo"> <ul id="lby-checkbox-demo"> <li class="header"> Labeled Check Boxes </li> <li> <input class="to-labelauty synch-icon" type="checkbox" data-labelauty="Don't synchronize files|Synchronize my files" checked/> </li> <li> <input class="to-labelauty terms-icon" type="checkbox" data-labelauty="I don't accept terms|I read and accept terms"/> </li> <li> <input class="to-labelauty disabled-icon" type="checkbox" data-labelauty="Oops, I am disabled!" disabled/> </li> <li class="header"> Non-labeled Check Boxes </li> <li> <input class="to-labelauty-icon" type="checkbox" checked/> <input class="to-labelauty-icon" type="checkbox" /> <input class="to-labelauty-icon" type="checkbox" disabled checked/> <input class="to-labelauty-icon" type="checkbox" disabled/> </li> </ul> <ul id="lby-radio-demo"> <li class="header"> Labeled Radio Buttons </li> <li> <input class="to-labelauty synch-icon" type="radio" name="rd1" data-labelauty="Don't synchronize all files|Synchronize all files" checked/> </li> <li> <input class="to-labelauty synch-icon" type="radio" name="rd1" data-labelauty="I will not choose files|I will choose files to synch"/> </li> <li> <input class="to-labelauty disabled-icon" type="radio" name="rd2" data-labelauty="Oops, I am disabled too!" disabled/> </li> <li class="header"> Non-labeled Radio Buttons </li> <li> <input class="to-labelauty-icon" type="radio" name="rd2" checked /> <input class="to-labelauty-icon" type="radio" name="rd2" /> <input class="to-labelauty-icon" type="radio" name="rd3" disabled checked /> <input class="to-labelauty-icon" type="radio" name="rd3" disabled /> </li> </ul> </div> </section> <div class="separator"></div> <footer> </footer> </body> </html>

评论收藏

内容反馈

版权申诉