一套非常实用的html+css实现常用的ICON图标,此资源是去互联网上找资源的时候无意中发现的,经常非常的实现,于是就整理把它分享到JquerySchool网站上了,对做前端的朋友非常有帮助,好好利用哦。。。
分类:html5
难易:
首先引用文件
<link rel="stylesheet" href="style.css" />
各种图标,clearfix以及色调,核心代码js
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="!"></div>
<input type="text" readonly value="&#x21;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="""></div>
<input type="text" readonly value="&#x22;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="#"></div>
<input type="text" readonly value="&#x23;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="$"></div>
<input type="text" readonly value="&#x24;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="%"></div>
<input type="text" readonly value="&#x25;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="&"></div>
<input type="text" readonly value="&#x26;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="'"></div>
<input type="text" readonly value="&#x27;" />
</div>
核心代码
document.getElementById("glyphs").addEventListener("click", function(e) {
var target = e.target;
if (target.tagName === "INPUT") {
target.select();
}
});
系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791