鼠标经过类似开门效果的字体
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
相关推荐
这是一个神奇的jQuery鼠标滑过hover图片效果,这个图片鼠标滑过效果当鼠标hover图片的时候,图片分割成4快分别向四个角移动,鼠标离开的时候4个小图片又收缩回来。
鼠标经过图片半透明效果文字滑动显示
jQuery鼠标经过风琴展开效果.zip
鼠标经过图片放大效果[放大镜]\鼠标经过图片放大效果[放大镜]
使用HTML+CSS 完成了一个超好看的新拟态鼠标经过的效果。 使用HTML+CSS 完成了一个超好看的新拟态鼠标经过的效果。 使用HTML+CSS 完成了一个超好看的新拟态鼠标经过的效果。 使用HTML+CSS 完成了一个超好看的...
鼠标经过水波纹效果
jquery鼠标经过小图标切换文字的效果,鼠标经过小图标切换文字.
div+css制作的鼠标经过放大字体样式的特效,让你美味无穷啊
JS鼠标经过图片文字变化特效
jsp鼠标效果 鼠标效果. 鼠标效果. jsp鼠标效果 鼠标效果. 鼠标效果. jsp鼠标效果 鼠标效果. 鼠标效果. jsp鼠标效果 鼠标效果. 鼠标效果.
纯css3鼠标经过动画菜单效果
漂亮鼠标经过渐变的一个效果 超链接变化效果
CSS3圆形图片鼠标经过旋转效果
CSS3制作的一款简单鼠标经过导航菜单动画效果代码,三种菜单栏效果分别是:前后旋转,上浮,左右旋转。
鼠标经过图片提示文字信息,鼠标离开,文字信息消失
淘宝鼠标经过商品放大效果
主要为大家详细介绍了vue实现鼠标经过动画的方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
jquery鼠标经过图片抖动效果是一款鼠标滑过图片抖动,支持自定义晃动幅度。
jQuery鼠标经过图片背景滑动切换效果基于jquery1.10.2.js实现,鼠标经过图片滑动切换背景动态效果。
js文字弹簧动画特效是一款类似鼠标经过时拉动弹簧动画效果的文字动画代码。