H5Gradualchange

功能描述

两个功能,文字颜色渐变与文字部分颜色改变。

依赖的模块

文字部分颜色改变使用了artTemplate。

快速使用

方法一

文字颜色渐变,使用CSS样式zknight-h5changefont-gradualchange即可

方法二

引用zepto.min.js(引用各自js插件)、template.js、zknight_h5gradualchange_common.js,
并使用CSS样式zknight-h5changefont-change,编写template,
最后调用下面方法zknightChangeFont("HELLO WORLD!!");即可。
HTML部分:
<html>
<!-- 部分文字颜色变化 -->
<body>
    <div id="zknight_changeFont_model">
        <!-- template加载文字内容 -->
    </div>
</body>
<script id="zknight_changeFont_tpl" type="text/html">
    {{each data as font}}
    <span class="zknight-h5changefont-change" data-content="{{font}}">{{font}}</span>
    {{/each}}    
</script>
<script type="text/javascript">
    $(function(){
        zknightChangeFont("HELLO WORD");
    });
</script>
</html>

特别说明