如何在带链接的字上显示小窗口,当鼠标移到字上面的时候

Question

如题所要求,当鼠标移动到带链接的字(标题)上时,会显示一个小窗口,而且里面显示其内容
  自己摸索了下,是不是用title属性，和javescript结合css都可以呢
    但不得要领,望高手解答.

Answer 1

是的，用title属性，使用方法，Google很多。这个不需要结合JavaScript或CSS的。

Answer 2

include("config.php");
$title=$_GET['title'];
$i=0;
$conn=mysql_connect($mysql_server_name,$mysql_username,$mysql_password);
      mysql_select_db($mysql_database,$conn);
$sql="select title,content from article";
$result=mysql_query($sql);
while($row=mysql_fetch_row($result))
{
$arr1[$i]='/'.$row[0].'/';
$arr3[$i]='/'.$row[1].'/';
$arr2[$i]="<a  href=article2.php?title=$row[0] target=_blank title=$arr3[$i]>$row[0]</a>";
$i++;
}
print_r($arr1);
print_r($arr3);
print_r($arr2);$sql="select * from article where title='$title'";
$result=mysql_query($sql);
$row=mysql_fetch_row($result);
//preg_repalce($array, ' <a href="/article2.php?title=$row[0]">\\$row[1] </a>');
?>   <table width="100%" border="1">
    <tr>
      <td width="20%" height="50" bgcolor="#CCCCFF"><?=$row[1]?></td>
      <td width="80%" height="50" bgcolor="#CCCCFF"><? echo preg_replace($arr1, $arr2,$row[2]); ?></td>
    </tr>
    </table>以上是我的代码，大意就是显示一篇文章，如果其内容里面有其他文章的标题，则自动链接(这些都测试过已完成)。
 然后就是在一篇文章里带链接的字上，当鼠标移动到上面时,有跳出小窗口，显示其内容.
  我根据title属性做的，$arr1是放标题的数组,$arr3是放相应的内容.看代码红色部分 我试过用$i代替$arr3[$i]则无误,如果是$arr3[$i]则结果出来很乱
弄了半天也不知道哪里错了，同样都是变量数组,弄不明白 特来求救. ..

Answer 3

include("config.php");
$title=$_GET['title'];
$i=0;
$conn=mysql_connect($mysql_server_name,$mysql_username,$mysql_password);
      mysql_select_db($mysql_database,$conn);
$sql="select title,content from article";
$result=mysql_query($sql);
while($row=mysql_fetch_row($result))
{
$arr1[$i]='/'.$row[0].'/';
$arr3[$i]='/'.$row[1].'/';
$arr2[$i]="<a  href=article2.php?title=$row[0] target=_blank title=$arr3[$i]>$row[0]</a>";
$i++;    
}
print_r($arr1);
print_r($arr3);
print_r($arr2);$sql="select * from article where title='$title'";
$result=mysql_query($sql);
$row=mysql_fetch_row($result);
//preg_repalce($array, ' <a href="/article2.php?title=$row[0]">\\$row[1] </a>');
?>   <table width="100%" border="1">
    <tr>
      <td width="20%" height="50" bgcolor="#CCCCFF"><?=$row[1]?></td>
      <td width="80%" height="50" bgcolor="#CCCCFF"><? echo preg_replace($arr1, $arr2,$row[2]); ?></td>
    </tr>
    </table>以上是我的代码，大意就是显示一篇文章，如果其内容里面有其他文章的标题，则自动链接(这些都测试过已完成)。 
然后就是在一篇文章里带链接的字上，当鼠标移动到上面时,有跳出小窗口，显示其内容. 
  我根据title属性做的，$arr1是放标题的数组,$arr3是放相应的内容.看代码红色部分 我试过用$i代替$arr3[$i]则无误,如果是$arr3[$i]则结果出来很乱 
弄了半天也不知道哪里错了，同样都是变量数组,弄不明白 特来求救. .. 

Answer 4

1. title和其它属性值至少得用""包含起来      title="......"
   注意如果值里有"还得转换掉 
2. title仅支持一般文本,css无法应用上去,如果你显示的内容多且复杂,不宜使用
3. 觉得你这个用ajax和隐藏div实现更好