【原创】emlog添加随机显示中英文字符

  • 首页 > 代码研究院
  • 作者:梓熙
  • 时间: 2016年10月16日 11:40
  • 字数:1291 个
  • 字号:
  • 评论:0 条
  • 浏览:270 次
  • 百度:百度已收录
  • 分类: 代码研究院
  • 时间:2016-10-16 11:40 热度:270° 评论:0 条 

    本博客的导航菜单就添加了随机字符,这个特效(插件)在许多地方都用得到,用于美化功能。现在写个教程


    Chaffle是一个轻量级的jquery插件,可以实现各种语言字符的随机显示,达到文字动画效果。使用Chaffle做洗牌效果是个不错的选择,使用简单,几行代码就可以轻松的把效果集成到网站了。



    使用方法

    1:引入核心文件


    <script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
    <script src="./js/chaffle.min.js"></script>

    2:写入HTML,这里实现超链接的随机显示文字,其实只需要使用

    <a href="#" class="chaffle" data-lang="zh">首页</a>
    <a href="#" class="chaffle" data-lang="zh">网站源码</a>
    <a href="#" class="chaffle" data-lang="zh">主题模板</a>
    <a href="#" class="chaffle" data-lang="zh">网络资讯站</a>
    <a href="#" class="chaffle" data-lang="zh">代码研究院</a>
    <a href="#" class="chaffle" data-lang="ja-katakana">カタカナ</a>
    <a href="#" class="chaffle" data-lang="en">excuse me</a>
    3:写入JS初始化

    <script>
      $(document).ready(function() {
        $('.chaffle').chaffle();
      }); 
    </script>
    


    (题外话)chaffle.min.js可以不需要引用,把代码复制加在自己有的js当中

     
    正文到此结束
    您阅读这篇文章共花了: 
    本文链接:http://zixiylw.top/68.html
    版权声明:若无特殊注明,本文皆为《梓熙》原创,转载请保留文章出处。
    捐赠支持:如果觉得这篇文章对您有帮助,请“扫一扫”鼓励作者!

    热门推荐

    Hello! How do you see it?

    你还可以输入250 / 250 个字

    嘻嘻 大笑 可怜 吃惊 害羞 调皮 鄙视 示爱 大哭 开心 偷笑 嘘 奸笑 委屈 抱抱 愤怒 思考 日了狗


    既然没有吐槽,那就赶紧抢沙发吧!
    返回顶部    返回首页    手气不错    后花园   
    版权所有:梓熙博客    站点维护: 梓熙   +主题模板:【PJAX 梓熙主题】        sitemap