혹시 이런 효과를 줄 수 있을까요?

위에는 움직이는 이미지인데..
처음에는 움직임이 없다가 마우스를 올리면 저렇게 움직이는 효과를 낼려고 하는데 혹시 저런 기능 가능하나요?
플래쉬 말고.. jQuery나 소스로 가능할까요??
css3로 여러 기능이 있기는 하지만 css3는 익스에서는 안되는 경우가 많고, 크롬이나 파폭만 되는 경우가 많아서..
브라우저 환경 안타고 구현할려고 하면 혹시 가능한 방법이 있을런지요..
|
댓글을 작성하시려면 로그인이 필요합니다.
댓글 8개
이걸 응용해 보시겠어요.
[추가]
잠시 짬내서 해봤습니다...위의 링크에서 소스 부분을 아래와 같이 바꿔 보세요.
var angle = 0;
var chk = 0;
setInterval(function(){
if(chk==0) {
if(angle++< 20) $("#image").rotate(angle);
else chk=1;
}
else {
if(angle--> -20) $("#image").rotate(angle);
else chk=0;
}
},2);
짬내서 하신것 치고는..ㅠㅠ
저도 언능 jQuery 랑 공부해야하는데.ㅠㅜ
근데 혹시 마우스를 올렸을 때 움직이고 뗐을 때 고정되게는 어떤식으로 해야할까요>??
벤지님께서 작성해주신 소스에 mouseover이벤트를 이리저리 줘봐도 반응이 전혀 없어버리네요.ㅠㅜ
참고로 실제 ie6~8 을 실행시키셔서 확인하셔야만 하는데,
여러가지 ie 체크 툴들이 제대로 확인 가능하게 지원 못하거든요.
var rIntervalId;
$("#image").mouseover(function(){
var angle = 0;
var chk = 0;
rIntervalId = setInterval(function(){
if(chk==0) {
if(angle++< 20) $("#image").rotate(angle);
else chk=1;
}
else {
if(angle--> -20) $("#image").rotate(angle);
else chk=0;
}
},2);
}).mouseout(function(){
clearInterval(rIntervalId);
$("#image").rotate(0);
});
요놈의 익스는 한번 익사시켜봐야겠네요.ㅠㅜ
다시한번 감사드립니다.
브라우저모드로 보니까 익스 8부터는 정상적으로 보여지는 것 같은데요