이런 배너 만들려면 어려울까요 ? 채택완료
와이쿠
6년 전
조회 2,382
소스를 구매해도 되겠지만..
제가 요즘 공부를 하고 있기에 한 번 도전해보려고 하는데요..
이게 div와 자바로 가능할것 같은데...
흠 쉬울거 같지는 않고...
공부좀 하면 가능하겠죠 ?
http://www.blueb.co.kr/?c=25/46/60&cat=14&p=3&page=view&uid=89424">http://www.blueb.co.kr/?c=25/46/60&cat=14&p=3&page=view&uid=89424
이 배너 만드는거에 도전해 보려구요...
댓글을 작성하려면 로그인이 필요합니다.
답변 5개
채택된 답변
+20 포인트
6년 전
요즘 작동원리에 관한 궁금증이나 막힌곳을 물어보는 사람보다
그냥 본인이 원하는 소스를 찾아달라 하는 초보분들이 많은데요
공부하려 하시는 모습 멋집니다!
</p>
<p><div style="position: relative;">
<div class="banner banner1" style="width:500px; height:300px; background:#fff100;"><h3>1번배너</h3></div>
<div class="banner banner2" style="width:500px; height:300px; background:#cc0000; display: none;"><h3>2번배너</h3></div>
<div class="banner banner3" style="width:500px; height:300px; background:#2FB300; display: none;"><h3>3번배너</h3></div>
<div class="banner banner4" style="width:500px; height:300px; background:#ddd; display: none;"><h3>4번배너</h3></div>
</div>
<span style="padding:10px; background:#fff100; cursor: pointer;" onmouseover="$('.banner').css('display','none'); $('.banner1').css('display','block');">1번배너</span>
<span style="padding:10px; background:#ddd; cursor: pointer;" onmouseover="$('.banner').css('display','none'); $('.banner2').css('display','block');">2번배너</span>
<span style="padding:10px; background:#fff100; cursor: pointer;" onmouseover="$('.banner').css('display','none'); $('.banner3').css('display','block');">3번배너</span>
<span style="padding:10px; background:#ddd; cursor: pointer;" onmouseover="$('.banner').css('display','none'); $('.banner4').css('display','block');">4번배너</span></p>
<p>
참고로 제이쿼리는 로드하셔야 합니다 (모르시면 구글신검색)
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
답변에 대한 댓글 1개
�
와이쿠
6년 전
넵 올려주시면 너무 감사하죵..
댓글을 작성하려면 로그인이 필요합니다.
답변에 대한 댓글 1개
�
와이쿠
6년 전
넵 감사합니다.
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인