홈페이지 베너 자동 변경
본문
안녕하세요.
제가 테마를 다운받아서 쓰고 있는데, 홈페이지의 베너가 처음에는 투명이었다가 마우스 스크롤을 하면 하얀색으로 바뀌면서 화면 상단에 고정이 되는 방식으로 작동을 하는데, 그냥 처음부터 하얀색 배경이 있는 배너를 쓰려면 어떻게 해야 할까요? 아래는 /head.php 입니다.
<script>
new WOW().init();
</script>
<script>
$(function() {
$("#gnb .gnb_1dli").mouseenter(function() {
var menuWidth = $("#gnb .gnb_1dli").outerWidth();
var menuLeft = 0;
var index = $(this).index();
for (var i = 0; i <= index - 1; i++) {
menuLeft += $("#gnb .gnb_1dli").eq(i).outerWidth();
}
menuLeft -= $(this).outerWidth();
$("#nav_bar").stop().animate({
width: menuWidth,
left: menuLeft
}, 300);
});
$("#gnb").mouseleave(function() {
$("#nav_bar").stop().animate({
width: 0,
left: 0
}, 0);
});
setInterval(function() {
if ($(window).scrollTop() >= 90) {
$("#hd").addClass("scrollBg");
$("#logo img.logo_pc").attr("src", "http://www.dosegi.co.kr/img/logo.png");
} else {
$("#hd").removeClass("scrollBg");
$("#logo img.logo_pc").attr("src", "http://www.dosegi.co.kr/img/logo.png");
}
}, 300);
});
</script>
답변 1
setInterval(function() {
if ($(window).scrollTop() >= 90) {
$("#hd").addClass("scrollBg");
$("#logo img.logo_pc").attr("src", "http://www.dosegi.co.kr/img/logo.png");
} else {
// $("#hd").removeClass("scrollBg");
$("#hd").addClass("scrollBg");
$("#logo img.logo_pc").attr("src", "http://www.dosegi.co.kr/img/logo.png");
}
}, 300);