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>

特别说明

无
是否仍需要帮助？ 请保持联络！
最后更新于 2024/11/18