답변 2개
채택된 답변
+20 포인트
HackYa
11년 전
저는 저런 광고를 보지 못해서 직접 확인해 보지는 못하는데, 네이버면 플래시 일 것 같은데요?
플래시가 아니고 자스로 동영상을 연계 구동하는거라면, 간단하게 if else 로 하시면 되죠.
if 마우스 오버시, 플레이
else 스톱.
이런 식으로요.
$(function(){
$("video").hover(function(){ //마우스 오버시
$(this).animate({
width: "100%" //동영상 사이즈 키우고
}, 300 );
this.play(); //동영상을 플레이 해.
},function(){ //마우스 오버가 아니면/없으면
$(this).animate({
({
width: "50%" //동영상 사이즈 줄이고...
}, 300 );
this.pause() //동영상을 멈춰.
});
});
끝.
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
별을따는소년
11년 전
댓글을 작성하려면 로그인이 필요합니다.
HackYa
11년 전
jquery 는 짜드렸으니까, html 하고 css 는 본인이 작성하셔야죠. ㅠㅠㅠㅠ
예제 보여드릴려고 동영상 올리고, html 하고 css 까지 다 짜드릴려면.... 훔.... 시간이 많이 소비되는 관계로...
이 부분은 다음 분께 패스 할께요.
사실 이걸 디자이너 팁 게시판에 튜토리얼로 작성해보려고 생각한게 작년부터인데, 아직 시간이 없어서 못하고 있습니다.
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
$("video").hover(function(){ //마우스 오버시
$(this).animate({
width: "100%" //동영상 사이즈 키우고
}, 300 );
this.play(); //동영상을 플레이 해.
},function(){ //마우스 오버가 아니면/없으면
$(this).animate({
({
width: "50%" //동영상 사이즈 줄이고...
}, 300 );
this.pause() //동영상을 멈춰.
});
});
이렇게하면요..
예를들어요...
제가 마우스 오버할 이미지에 뭐라고 넣어야되죠?
혹시 예제될만한거없을까요?? 넘어려워서 ㅠㅠ