账号通
    

账号  

密码  

4847

查看

1

回复
主题:现彩色标签云效果的方法 [收藏主题]  
jgtm1984 当前离线

4

主题

2

广播

0

粉丝
添加关注
级别:学前班

用户积分:7 分
登录次数:26 次
注册时间:2012/9/12
最后登录:2012/12/5
jgtm1984 发表于:2012/12/5 16:36:21   | 显示全部帖子 查看该作者主题 楼主 
做在线知识付费 选科汛云开店
[p=24, null, left]  很多人喜欢,就是整不出来。今天花点时间做了一个jquery版的,无需改源码,无需加标签,只要一段js就能搞定,此方法适用于KesionCMSv6,v7,v8各版本。

[p=24, null, left]  以下是实现方法:

[p=24, null, left]  首先 检查模板文件里面是是否调用了jquery包

[p=24, null, left]  从谷歌调用

<script src=”http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js”></script>[p=24, null, left]  第二 加入js代码 如下

<script type=”text/javascript”> jQuery(document).ready(function(){var webx32 = $(“td.tags a”);  //选择实现彩色标签的元素①for(i=0;i<webx32.length;i++){var str = “0123456789abcdef”;var t = “#”;for(j=0;j<6;j++){t = t+ str.charAt(Math.random()*str.length);}//obj[i].style.color=t;   //定义文字颜色 如果要实现随机文字颜色,请去掉注释②webx32[i].style.background=t;  //定义背景颜色③}})</script>[p=24, null, left]  第三 更改代码中的说明配置相关参数达到需要效果。

[p=24, null, left]  ①关于jquery的选择器 不懂的可到w3cschool查看

[p=24, null, left]  ②如果要实现文字多彩 请去掉本行前面注释 并在 ③前面加上注释 .如果你不会注释就删除吧

[p=24, null, left]  ③默认背景颜色多彩 修改方法和②类似

[p=24, null, left]  这段代码可以开发出更多彩色效果 自己动手试试更加精彩!

 
医药招商http://zhaoyao123.com/药品招商 医药代理http://zhaoyao123.cn/药品代理 武汉双龙药业http://shuanglongyaoye.com/
  支持(23) | 反对(23) 回到顶部顶端 回到底部底部
<上一主题 | 下一主题 >
Powered By KesionCMS Version X1
厦门科汛软件有限公司 © 2006-2016 页面执行0.05078秒 powered by KesionCMS 9.0