弘帝企业智能建站系统交流平台

 找回密码
 立即注册
查看: 2609|回复: 0

【JS】让标题灵动起来的JS脚本

[复制链接]
发表于 2017-11-1 16:14:13 | 显示全部楼层 |阅读模式
标题颜色太单调,这里让前几个字变色,让标题色彩有点缀。
ref为前几个字符长度,改变其值可以控制变色的字数长。
o为需要定义的父对象
$(function(){
        var o=".product ul li";
        for(var i=0;i<$(o).length;i++){
                var title=$(o).eq(i).find(".title a").html();
                var len=title.length;
                var ref=2;
                if(i==1){ ref=4;}
                $(o).eq(i).find(".title a").html("<span>"+title.substr(0,ref)+"</span>"+title.substr(ref,len-ref));
        }
});

模板:ej,案例:whtts
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|弘帝企业智能建站系统 ( 皖ICP备07503252号 )

GMT+8, 2024-4-19 18:16 , Processed in 0.054019 second(s), 15 queries .

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表