web前端|js教程
JavaScript,菜单
web前端-js教程
方维理财源码,VScode编写js文件,ubuntu 时间同步,tomcat加载ca证书,sqlite数据库怎么查询,写爬虫需要下载哪几个软件,后盾php实战教程,广州seo优化推广价格,metro风格网站,小程序 拼团模板lzw
写ABROAD项目用到了标签这个东东,其实标签在WEB上到处可见,图中就依次显示了DCC文章发布器、ABROAD后台添加数据、百度图片搜索、sf发布博客文章时贴标签的样式——标签就像浏览器里原生的checkbox一样,不过checkbox实在太丑了,就使用这个简单方法美化一下好了。
织梦装饰设计公司网站源码,ubuntu安装软件vim,tomcat配置好怎么看,pathon 爬虫设计,php视图入门教程交流,淘宝seo做法lzw
1、HTML代码:
素材解析平台源码,vscode常用插件c,ubuntu无法root,tomcat项目启动多次,sqlite中配置数据源,爬虫三大解析库哪个最好用,php数组 输出字符串,荆门高效seo推广价格,怎么偷别人网站源码,中文网页模板下载lzw
经济、金融类 行政、人资类 市场、销售类 电子工程IT类 工程类 生物医药类 物理、化学类 广告、传媒类 语言、翻译类
2、CSS代码(颜色、字体大小、间距自行调整):
/* 标签样式 */.tags span { font: 12px/22px Microsoft Yahei,Arial,Lucida Grande,Tahoma; border: 1px #E3E0D9 solid; display: inline-block; height: 20px; background: #FFF; text-align: center; padding: 2px 7px; margin: 1px 4px; cursor: pointer; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; overflow: hidden; color: #989898;}.tags span:hover { border-color: #00956d;}.tags span.active { color: #FFF; border-color: #00956d; background-color: #00956d;}
3、JS代码(代码也是根据自己的需求提取数据;原谅我放荡不羁使用了jquery库~):
// 绑定标签点击事件 @ -01-29 21:57:26$(.tags span).on(click, function(){ $(this).toggleClass(active);}); // 读取标签数据时 @ -01-29 23:12:35var tag_content = ,;$(.tags span).each(function(k, v) { if($(v).hasClass(active)){ tag_content += $(v).text()+,; }});if( tag_content==, ){ alert(请至少选择一个专业标签); return;}