发表日期:2012-11-03 文章作者:爱永设计 浏览次数:15878 次
此代码优点:
◎ 无需修改任何源文件
◎ CSS+JS文件控制,简单更轻易!
◎ 为所欲为,想变多少颜色就变多少颜色。
网页部分的代码如下:
<div>
<h2><span>热门标签 <img src=”../images_ex/image_v1/ico_arrow_black.gif” [/color][/b]
[b][color=#ff0000]/></span></h2>
<ul>{dede:loop table=’dede_search_keywords’ sort=’keyword’ row=’40’ if=”}
<li><a href=”plus/search.php?keyword=[field:keyword/]”> [field:keyword/]</a></li>
{/dede:loop}</ul>
</div>
<script language=”javascript”>
<!–
var tag_a=document.getElementsByTagName(“a”);
for( i in tag_a){
var offset=6;
var num=4;
if(tag_a[i].className==”tag”){
var rnd=Math.ceil((num+offset)*Math.random());
if(rnd>offset){
tag_a[i].className=”tag”+(rnd-offset);
}
}
}
//–>
</script>
</div>
CSS部分的代码如下:
.tag1 { color:#339900;font-weight:bold;}
.tag2 { color:#e65730;}
.tag3 { color:#00b9da;}
.tag4 { color:#FE3981;font-weight:bold;font-size:14px;}
使用说明:
◆此彩色关键字代码中有4种颜色的变化,假如想增加更多颜色变化,
只需要修改var num=4;和css部分增加.tag
例如:var num=5; css里增加.tag5{ color:#00b9da;} ,当然,自己也可以修改相应css,改变字体的颜色,大小,字体…等等,自由发挥吧!
日期:2017-08-29 浏览次数:80893 次
日期:2015-01-07 浏览次数:82096 次
日期:2013-12-29 浏览次数:81953 次
日期:2013-12-29 浏览次数:81969 次
日期:2013-12-29 浏览次数:81619 次
开发日期:2021-06-21 浏览次数:646060 次
开发日期:2021-04-21 浏览次数:704755 次
开发日期:2020-05-03 浏览次数:762247 次
开发日期:2019-12-02 浏览次数:741408 次
开发日期:2019-10-02 浏览次数:999418 次
日期:2012-12-08 浏览次数:15850 次
日期:2018-07-07 浏览次数:12088 次
日期:2015-06-14 浏览次数:13187 次
日期:2014-08-09 浏览次数:16913 次
日期:2017-07-05 浏览次数:24933 次
致力于互联网品牌建设与网络营销,专业领域包括网站建设、网站模板、移动互联网营销、wordpress平台开发等,服务范围涵盖基础的域名服务、主机 服务;企业邮箱、云服务器、网络营销等应用服务,为不同类型的客户提供良好的互联网应用定制解决方案,帮助客户在新的全球化互联网环境中保持优势。
爱永设计工作室一直致力于品牌精美的网页设计、网页制作DIV+CSS布局、JS效果、精美网站模板、标志设计、专业仿站, 低廉的价格,真诚的服务,我们拥有全国各地的客户群体和各行业的成功案例。以一流的服务,出色的网页设计和制作能力,认真严谨的工作态度为客户提供优质满意的服务。期待与您的合作!
Copyright © 2012 - 2024 aysheji.com All Rights Reserved 爱永设计 版权所有
邮箱:aysheji@163.com 在线客服:276583799 模板演示地址:www.aymoban.com 备案号:京ICP备13060102号-3
服务内容: 网页设计 网站建设 网站制作 网站模板 婚庆网站模板 摄影网站 手机网站制作 自适应网站制作