衡阳网站建设mdawl,泸州建设工程质量监督网站,成都网站建设公司高新,俄罗斯搜索引擎入口 yandex写ABROAD项目用到了标签这个东东#xff0c;其实标签在WEB上到处可见#xff0c;图中就依次显示了DCC文章发布器、ABROAD后台添加数据、百度图片搜索、sf发布博客文章时贴标签的样式——标签就像浏览器里原生的checkbox一样#xff0c;不过checkbox实在太丑了#xff0c;就…写ABROAD项目用到了标签这个东东其实标签在WEB上到处可见图中就依次显示了DCC文章发布器、ABROAD后台添加数据、百度图片搜索、sf发布博客文章时贴标签的样式——标签就像浏览器里原生的checkbox一样不过checkbox实在太丑了就使用这个简单方法美化一下好了。1、HTML代码经济、金融类行政、人资类市场、销售类电子工程IT类工程类生物医药类物理、化学类广告、传媒类语言、翻译类2、CSS代码(颜色、字体大小、间距自行调整)/*标签样式*/.tagsspan{font:12px/22pxMicrosoftYahei,Arial,LucidaGrande,Tahoma;border:1px#E3E0D9solid;display:inline-block;height:20px;background:#FFF;text-align:center;padding:2px7px;margin:1px4px;cursor:pointer;-webkit-transition:all.3sease-in-out;-moz-transition:all.3sease-in-out;overflow:hidden;color:#989898;}.tagsspan:hover{border-color:#00956d;}.tagsspan.active{color:#FFF;border-color:#00956d;background-color:#00956d;}3、JS代码(代码也是根据自己的需求提取数据原谅我放荡不羁使用了jquery库~)//绑定标签点击事件2014-01-2921:57:26$(.tagsspan).on(click,function(){$(this).toggleClass(active);});//读取标签数据时2014-01-2923:12:35vartag_content,;$(.tagsspan).each(function(k,v){if($(v).hasClass(active)){tag_content$(v).text(),;}});if(tag_content,){alert(请至少选择一个专业标签);return;}本文转载自中文网
