У меня есть базовая форма поиска php, которая выделяет ключевые слова, используя css. Мне было интересно узнать, могу ли я сделать ключевые слова в результатах только тогда, когда пользователь зависает над записью. Это возможно?
это код выделения:
function highlightWords($text, $words) { preg_match_all('~\w+~', $words, $m); if(!$m) return $text; $re = '~\\b(' . implode('|', $m[0]) . ')~i'; $string = preg_replace($re, '<span class="highlight">$0</span>', $text); return $string; } . . . <table class="result"> <?php while ($row= mysql_fetch_array($result, MYSQL_ASSOC)) { $cQuote = highlightWords(htmlspecialchars($row['cQuotes']), $search_result); ?> <tr> <td style="text-align:right; font-size:15px;"><?php h($row['cArabic']); ?></td> <td style="font-size:16px;"><?php echo $cQuote; ?></td> <td style="font-size:12px;"><?php h($row['vAuthor']); ?></td> <td style="font-size:12px; font-style:italic; text-align:right;"><?php h($row['vReference']); ?></td> </tr> <?php } ?> </table> CSS:
table.result tr:hover { background:#F7F7F7; } .highlight { font-weight:bold; color: #DE2842; padding:5px; padding-right:2px; background: #FFFCDB; }
я попытался изменить цвет с помощью выделения: наведите указатель мыши, но это изменило цвет ключевого слова поиска только тогда, когда я зависал над ключевым словом, что понятно, так как так оно и должно работать, но мне бы хотелось, чтобы ключевые слова поиска быть выделены, когда я наводил на результат результат в целом.
Попробуйте использовать этот CSS. Он будет обновлять все с помощью класса «highlight», когда вы наводите курсор на строку. Просто обновите стили здесь, чтобы вы могли видеть эффект зависания.
table.result tr:hover .highlight { color: #FFFFFF; background: #FF0000; }