jQuery工具提示非常适合我表中的第一行数据.之后,我只在IE和FF中获得旧学校窗口默认工具提示.
以下是构建表数据的HTML:
foreach ($displayData as $row) {
echo '<tr bgcolor="' . $bgcolor[$a] . '">';
echo '<td><span id="fancy" title="Course Description: - '.$row["TSTRDS"].'">'.$row["TSTRTP"].'</span></td>';
echo '<td>'.$row["TSTRLC"].'</td>';
echo '<td>'.$row["TSADDR"].'</td>';
echo '<td>'.$row["TSDATE"].'</td>';
echo '<td>'.$row["TSTIME"].'</td>';
echo '<td>'.$row["TSCOST"].'</td>';
echo '</tr>';
echo '<tr bgcolor="' . $bgcolor[$a] . '">';
echo '<td colspan="2"></td>';
echo '<td>'.$row["TSCITY"].','.$row["TSST"].' '.$row["TSZIP"].'</td>';
echo '<td colspan="3"></td>';
echo '</tr>';
$a = !$a;
Run Code Online (Sandbox Code Playgroud)
}
这是我的javascript:
$(document).ready(function(){
$('#fancy').tooltip({
track: true,
delay: 0,
showURL: false,
fixPNG: true,
showBody: " - ",
top: -15,
left: 5
});
Run Code Online (Sandbox Code Playgroud)
});
最后,我的CSS:
#tooltip {
position: …Run Code Online (Sandbox Code Playgroud)