UC知道400分倾囊而出，熟悉JavaScript的朋友进来看看（听说名字一定要改得这么长才有人回答）
来源：百度知道 编辑：UC知道 时间：2024/05/20 18:35:08
代码1：鼠标悬停显示全文
<script type="text/javascript">
<!--
function CustomShowText(id)
{
document.getElementById(id).style.display='block';
}
function CustomHiddenText(id)
{
document.getElementById(id).style.display='none';
}
//-->
</script>
<ul>
<!--rcomment-->
<li &align><a href="<%rcomment_link>#comment<%rcomment_no>" title="<%rcomment_title>" onMouseOver="javascript: CustomShowText('custom-comment<%rcomment_no>');" onMouseOut="javascript: CustomHiddenText('custom-comment<%rcomment_no>');"> <%rcomment_month>/<%rcomment_day>：<%rcomment_name>
</a>
</li>
<br>
<div id="custom-comment<%rcomment_no>" style="display:none;position:absolute;background-color:&answer1; color:
<script type="text/javascript">
<!--
function CustomShowText(id)
{
document.getElementById(id).style.display='block';
}
function CustomHiddenText(id)
{
document.getElementById(id).style.display='none';
}
//-->
</script>
<ul>
<!--rcomment-->
<li &align><a href="<%rcomment_link>#comment<%rcomment_no>" title="<%rcomment_title>" onMouseOver="javascript: CustomShowText('custom-comment<%rcomment_no>');" onMouseOut="javascript: CustomHiddenText('custom-comment<%rcomment_no>');"> <%rcomment_month>/<%rcomment_day>：<%rcomment_name>
</a>
</li>
<br>
<div id="custom-comment<%rcomment_no>" style="display:none;position:absolute;background-color:&answer1; color:
第一个问题 雾塔晨钟 已经回答；
第二个问题：
首先看第一个效果，鼠标悬停：也就是 onMouseOver="javascript: CustomShowText('custom-comment<%rcomment_no>');" 显然调用了一个JS函数CustomShowText,这个函数在最上面已经定义了，那么我们可以直接用
代码2：树形链接
<!--recent-->
<li>
//我们把这个onMouseOver也加进来，当然还有onMouseOut，你自己加
<a href="<%recent_link>" onMouseOver="javascript: CustomShowText('custom-comment<%rcomment_no>');" >#_;<%recent_no>#_;0#_;<%recent_title>#_;(date:<%recent_year>/<%recent_month>/<%recent_day>)</a>
</li>
<!--/recent-->
为了让效果显示出了，你还得复制上面的一个DIV，也就是用来装显示内容的；
//这个层也就是JS调用显示内容的，其中id后面<%%>是主要的
<div id="custom-comment<%rcomment_no>" style="display:none;position:absolute;background-color:&answer1; color:&answer2; border-style:solid; border-color:&answer3; border-width:1px; margin:2px; padding:4px;"