Форум Сайтостроение Веб-строительство

Как заставить css исчезнуть после наведении мыши

[Удален]
1045

Например, есть див блок в котором расположен текст, применены стили background: #000 ; Чем или как заставить исчезнуть стиль при наведении, чтобы даже после отвода курсора стиль не заработал.

Jurgen s
На сайте с 21.05.2008
Offline
153
Jurgen s
#1 


$(document).ready(function() {

          



        // 1 вариант

        $(".obj").mouseenter(

        function() {

                 

                 // навели курсор на объект

                 

        });

        

        $(".obj").mouseleave(

        function(){ 

                

                // отвели курсор с объекта

                

        });



        // 2 вариант

        $(".obj").hover(

        function(){ 

                

                 // навели курсор на объект

                 

        },function(){

                

                // отвели курсор с объекта

                

        });

  

});
http://police-ua.com/ (http://police-ua.com/) Форум сотрудников МВД Украины
Anamnado
На сайте с 08.02.2010
Offline
242
Anamnado
#2

стер ...........

только JS использовать

[Удален]
#3

Получилось написать. 

<!DOCTYPE HTML>

<html>



<head>

  <meta charset="utf-8">

  <style>

    #play {

      width: 60%;

      height: 150px;

      background: #eee;

      text-align: center;

      margin: 0 auto;

      transition-duration: 1s;

    }

  </style>

</head>



<body>

  <div id="play"></div>

  <script>

    function smena() {

      document.getElementById('play').style.opacity = '0.0';

    } // Находим в документе ИД с иминем play и применяем opacity

    play.addEventListener("mouseover", smena); // 

  </script>





</body>



</html>

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий