上一篇
下一篇
10-05
13
DEDE tag随机颜色调用
作者:Java伴侣 日期:2010-05-13
第一种：纯php生成，不需要js。
在include下面建一个名为inc_extend_functions.php的文件，在里面写上
Copy code
<?php
function rcolor() {
$rand = (rand(15,235));
return sprintf("%02X","$rand");
}
function rand_color() {
return 'color:#'.rcolor().rcolor().rcolor();
}
?>
调用举例
Copy code
{dede:channel row='1000'}<a href="[field:typelink runphp='yes']@me =(@me)."\""." style=\"".rand_color().";font-size:".rand(12,22)."px;"[/field:typelink]" target="_blank">[field:typename/]</a> {/dede:channel}
==============================================
第二种：纯js脚本。
给需要需要随机变化的地方加个DIV，ID为ctag
Copy code
<div id="ctag"></div>
在后面加上
Copy code
<script>
var bcolor = document.getElementById("ctag").getElementsByTagName("a");
for(i=0;k=bcolor.length,i<k;i++)
{
var str = "0123456789ABCDEF";
var t = "#";
for(j=0;j<6;j++)
{t = t+ str.charAt(Math.random()*str.length);}
var fsize;
fsize=parseInt(Math.random()*(20)+16);
bcolor[i].style.color=t;
bcolor[i].style.fontSize=fsize + "px";
}
</script>
完了。
把下面代码保存为一个html文件看效果
Copy code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>QQSvr.com</title>
</head>
<body>
<div id="ctag"><a href="/plus/list.php?tid=2">腾讯网</a> <a href="/plus/list.php?tid=3">周边</a> <a href="/plus/list.php?tid=4">手机QQ</a> <a href="/plus/list.php?tid=5">QQ邮箱</a> <a href="/plus/list.php?tid=6">QQ</a> <a href="/plus/list.php?tid=7">QQ拼音</a> <a href="/plus/list.php?tid=8">游戏大厅</a> <a href="/plus/list.php?tid=9">QQ秀</a> <a href="/plus/list.php?tid=10">QQ医生</a> <a href="/plus/list.php?tid=11">QQ空间</a> <a href="/plus/list.php?tid=12">QQ直播</a> <a href="/plus/list.php?tid=13">超级旋风</a> <a href="/plus/list.php?tid=14">QQ会员</a> <a href="/plus/list.php?tid=15">QQ宠物</a> <a href="/plus/list.php?tid=16">搜搜问问</a> <a href="/plus/list.php?tid=17">QQ音信</a> <a href="/plus/list.php?tid=18">QQ音乐</a> <a href="/plus/list.php?tid=19">TT浏览器</a></div>
<script type="text/javascript">
var bcolor = document.getElementById("ctag").getElementsByTagName("a");
for(i=0;k=bcolor.length,i<k;i++)
{
var str = "0123456789ABCDEF";
var t = "#";
for(j=0;j<6;j++)
{t = t+ str.charAt(Math.random()*str.length);}
var fsize;
fsize=parseInt(Math.random()*(20)+16);
bcolor[i].style.color=t;
bcolor[i].style.fontSize=fsize + "px";
}
</script>
</body>
</html>
文章来自: 
引用通告: 
Tags: 
相关日志:
评论: 0 | 引用: 0 | 查看次数: 192
发表评论
