Bombermag пишет:Подскажите как сделать чтобы background ссылки оставался белым до тех пока открыт <div class="None, т.е когда мышка убирается ссылки .__open:hover исчезает как его сохранить до тех пор пока пользователь водит мышкой по открытому блоку None ?
https://jsfiddle.net/n9edcf8v/1/
Добрый день!
Целесообрзность этой затие не совсем понятна, но если очень хочется, то можно сделать так:
Спойлер (Отобразить)CODE ( html):
скопировать код в буфер обмена
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Test backgroundColor</title> <style> body{background:#cecece} .__open:hover { background-color: #fff; color: #4a4a4a; } .None { display: none; background-color: #fff; width: 358px; height:368px; cursor:pointer; } a.__open:hover + .None, .None:hover { display: block; } </style> <script> function linkBg(i){ bg=i==1?"#fff":"#cecece"; document.getElementById("link").style.backgroundColor=bg; } </script> </head> <body> <a class="__open" id="link" href="#">Ссылка 4</a> <div class="None" onMouseOver="linkBg(1)" onMouseOut="linkBg()"> </div> </body> </html>
Удачи!
|