鼠标经过类似开门效果的字体

时间：2014-11-26 02:18:03 阅读：347 评论：0 收藏：0 [点我收藏+]

鼠标经过类似开门效果的字体

XML/HTML Code
<div?class="container">??
????????????<div?class="component">??
????????????????<ul?class="grid">??
??????????????????????
????????????????????<li?class="ot-letter-left"><span?data-letter="F">F</span></li>??
????????????????????<li?class="ot-letter-top"><span?data-letter="R">R</span></li>??
????????????????????<li?class="ot-letter-right"><span?data-letter="E">E</span></li>??
????????????????????<li?class="ot-letter-bottom"><span?data-letter="E">E</span></li>??
????????????????????<li?class="ot-letter-left"><span?data-letter="J">J</span></li>??
????????????????????<li?class="ot-letter-left"><span?data-letter="S">S</span></li>??
????????????????????<li?class="ot-letter-right"><span?data-letter="S">S</span></li>??
????????????????????<li?class="ot-letter-left"><span?data-letter="B">B</span></li>??
????????????????????<li?class="ot-letter-top"><span?data-letter="L">L</span></li>??
????????????????????<li?class="ot-letter-right"><span?data-letter="T">T</span></li>??
????????????????????<li?class="ot-letter-left"><span?data-letter="K">K</span></li>??
????????????????????<li?class="ot-letter-top"><span?data-letter="S">S</span></li>??
????????????????????<li?class="ot-letter-left"><span?data-letter="Z">Z</span></li>??
????????????????????<li?class="ot-letter-top"><span?data-letter="3">3</span></li>??
????????????????????<li?class="ot-letter-right"><span?data-letter="D">D</span></li>??
????????????????????<li?class="ot-letter-bottom"><span?data-letter="I">I</span></li>??
????????????????????<li?class="ot-letter-right"><span?data-letter="H">H</span></li>??
????????????????????<li?class="ot-letter-bottom"><span?data-letter="Q">Q</span></li>??
????????????????????<li?class="ot-letter-right"><span?data-letter="E">E</span></li>??
????????????????????<li?class="ot-letter-left"><span?data-letter="A">A</span></li>??
????????????????????<li?class="ot-letter-top"><span?data-letter="P">P</span></li>??
????????????????????<li?class="ot-letter-right"><span?data-letter="F">F</span></li>??
????????????????????<li?class="ot-letter-left"><span?data-letter="S">S</span></li>??
????????????????????<li?class="ot-letter-top"><span?data-letter="K">K</span></li>??
????????????????????<li?class="ot-letter-left"><span?data-letter="U">U</span></li>??
????????????????????<li?class="ot-letter-top"><span?data-letter="L">L</span></li>??
????????????????????<li?class="ot-letter-right"><span?data-letter="6">6</span></li>??
????????????????????<li?class="ot-letter-bottom"><span?data-letter="R">R</span></li>??
????????????????????<li?class="ot-letter-left"><span?data-letter="O">O</span></li>??
????????????????????<li?class="ot-letter-bottom"><span?data-letter="V">V</span></li>??
????????????????????<li?class="ot-letter-right"><span?data-letter="S">S</span></li>??
????????????????????<li?class="ot-letter-left"><span?data-letter="Q">Q</span></li>??
????????????????????<li?class="ot-letter-top"><span?data-letter="J">J</span></li>??
????????????????????<li?class="ot-letter-right"><span?data-letter="G">G</span></li>??
????????????????????<li?class="ot-letter-left"><span?data-letter="R">R</span></li>??
????????????????</ul>??
????????????</div>??
??????????????
????????</div><!--?/container?-->??

原文地址:http://www.freejs.net/article_jquerywenzi_313.html

鼠标经过类似开门效果的字体

原文：http://freejs.iteye.com/blog/2160386

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年09月23日 (328)
2021年09月24日 (313)
2021年09月17日 (191)
2021年09月15日 (369)
2021年09月16日 (411)
2021年09月13日 (439)
2021年09月11日 (398)
2021年09月12日 (393)
2021年09月10日 (160)
2021年09月08日 (222)