Как при наведении на отдельный блок менялась картинка?
Спасибо за помощь!
<p> <img class="home-lemas" src="1.jpg" alt=""> <span> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Recusandae repellendus, dolorum, eos harum consectetur aut. Repudiandae perspiciatis qui, tenetur molestias obcaecati labore facere eaque pariatur culpa suscipit doloribus, sit in? </span> </p> <p> <img class="home-lemas" src="1.jpg" alt=""> <span> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Recusandae repellendus, dolorum, eos harum consectetur aut. Repudiandae perspiciatis qui, tenetur molestias obcaecati labore facere eaque pariatur culpa suscipit doloribus, sit in? </span> </p> <p> <img class="home-lemas" src="1.jpg" alt=""> <span> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Recusandae repellendus, dolorum, eos harum consectetur aut. Repudiandae perspiciatis qui, tenetur molestias obcaecati labore facere eaque pariatur culpa suscipit doloribus, sit in? </span> </p> ================================================== ========================================== <script type="text/javascript"> $(document).ready(function () { $("p").each(function() { $(this).mouseenter(function() { $(".home-lemas").attr({ src: "2.png" }); }).mouseleave(function() { $(".home-lemas").attr({ src: "1.jpg" }); }); }); }); </script> |
elvis-relax,
Пожалуйста, отформатируйте свой код! Для этого его можно заключить в специальные теги: js/css/html и т.п., например: [js] ... ваш код... [/js] О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting. |
Часовой пояс GMT +3, время: 09:00. |