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