поворот изображения при наведении курсора
Вложений: 1
Здравствуйте ребята. Помогите пожалуйста разобраться. Необходимо чтобы картинка поворачивалась при наведении на неё курсора. Написал как я думаю, всё верно, да вот только не работает.:)
<html>
<head>
<style type="text/css">
#image{
margin:10px 10px;
}
</style>
<title>ЛОШАДИ</title>
</head>
<script type="text/javascript" src="jquery.min.js"></script>
<img src="images/loshad.png" alt="logo" id="image">
<body>
<script type="text/javascript">
$("#image").rotate({
bind:
{
mouseover : function() {
$(this).rotate({animateTo:180})
},
mouseout : function() {
$(this).rotate({animateTo:0})
}
}
});
</script>
</body>
</html>
Страница с картинкой прилагаются. |
Сергей545,
:-? Цитата:
|
на css 3 очень просто делается
|
Цитата:
|
Вложений: 1
Исправил, - всё РОБиииТ ребята!!!!!!!!!!:dance:
<html >
<head>
<title>ВОТ оно</title>
</head>
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jQueryRotate.js"></script>
<body>
<img src="/images/loshad.png" alt="" id="rotateImg" />
<script type="text/javascript">
jQuery("#rotateImg").rotate({
bind:
{
mouseover : function() {
jQuery(this).rotate({animateTo:90})
},
mouseout : function() {
jQuery(this).rotate({animateTo:0})
}
}
});
</script>
</body>
</html>
|
| Часовой пояс GMT +3, время: 15:26. |