把猪的需求稍微改一下

论坛:江湖兵器作者:35f2发表时间:2008-05-08 13:26



试试看,马甲列表。。。

鼠标移动到ID上,显示你小本子里记录的对应的马甲。

代码里的majia_list就是小本子。


/*渲染方式*/
var majia_style = '<style type="text\/css">';
majia_style += 'a.majia_id {color: #000; background-color:#cfc; position:relative; text-decoration:none; z-index:18;}';
majia_style += 'a.majia_id:hover {z-index:19; background-color:#ff0; padding:5px;}';
majia_style += 'a.majia_id span {display:none;}';
majia_style += 'a.majia_id:hover span {display:block; position:absolute; top:1.5em; left:1.5em; min-width:10em; border:1px solid #f8cf61; background-color:#f8cf61; color:#000; text-align: center; padding:5px;}';
majia_style += '</style>';

/*马甲列表*/
var majia_list = [
['猪', '马甲1', '马甲2', '马甲3'],
['Alfa', 'Beta', 'Gama', 'Sigma', 'Enigma']
];

var head = document.getElementsByTagName('head')[0];
head.innerHTML = head.innerHTML + majia_style;

bs = document.getElementsByTagName('b');

for (i=0; i<bs.length; i++)
{
s = bs[i].innerHTML;
for (j=0; j<majia_list.length; j++)
{
for (k=0; k<majia_list[j].length; k++)
{
id = majia_list[j][k];
if (id.toUpperCase() == s.toUpperCase())
{
bs[i].innerHTML = '<a class="majia_id" href="#">'+s+'<span>'+majia_list[j].join(', ')+'</span></a>';
}
}
}
}

标签: 添加标签

0 / 0

发表回复
 
  • 标题
  • 作者
  • 时间
  • 长度
  • 点击
  • 评价
  •   好吧
  • alfa 
  • 2008-05-08 14:44
  • 71
  • 812
  • 0/0
  •   哈哈哈
  • 凌晨2点的灯 
  • 2008-05-08 13:32
  • 133
  • 692
  • 0/0

京ICP备14028770号-1