Как мне добиться такого вот эффекта
Есть блок ссылок вида
<html> <head> <meta charset="utf-8"> </head> <style> ul{display:inline-block; overflow-y:scroll; height:200px} </style> <body> <div class="scroll-block"> <ul> <li><a class="tip" href="http://domen.ru/index.php?search=mama">Ссылка -1</a></li> <li><a class="tip" href="http://domen.ru/index.php?search=papa">Ссылка -2</a></li> <li><a class="tip" href="http://domen.ru/index.php?search=baba">Ссылка -3</a></li> <li><a class="tip" href="http://domen.ru/index.php?search=sestra">Ссылка -4</a></li> <li><a class="tip" href="http://domen.ru/index.php?search=babka">Ссылка -5</a></li> <li><a class="tip" href="link">Ссылка -6</a></li> <li><a class="tip" href="link"">Ссылка -7</a></li> <li><a class="tip" href="link">Ссылка -8</a></li> <li><a class="tip" href="link">Ссылка -9</a></li> <li><a class="tip" href="link">Ссылка -11</a></li> <li><a class="tip" href="link">Ссылка -12</a></li> <li><a class="tip" href="link">Ссылка -13</a></li> </ul> </div> </body> </html> ![]() проще говоря если я перейду по ссылке вида http://domen.ru/index.php?search=baba из поисковой строки или поисковика то ссылка (Ссылка -3) в моем блоке ссылок должна стать желтой как этого добитmся? |
window.onload = function(){ var refs = document.querySelectorAll('.scroll-block a'); for (var ref in refs){ if (refs[ref].href == location.href) refs[ref].style.color = "yellow"; } } |
Часовой пояс GMT +3, время: 07:35. |