고유 한 N 개의 본문 클래스 목록이 있는데, 모두 해당되는 큰 배경 이미지가 있습니다. 나는 기본적으로 표준 슬라이더로 내려가는 것을 만들려고 노력하지만, 대상 클래스에서 리를 이동하는 대신 body 클래스를 ".one, .two, .three, four, .five 등으로 전환합니다. .. "앞으로 및 뒤로 화살표 탐색을 사용합니다.jQuery 함수를 사용하여 색인에서 본문 클래스를 전환하십시오.
제대로 제대로 수행하는 방법에 대해 잘 모르겠습니까?
이, 나는 그것이 옵션을 당신에게
<html>
<head>
<script src="jquery.js" type="text/javascript"></script>
<style>
li.active { background-color: green;}
.one { background-color: red;}
.two { background-color: green;}
.three { background-color: yellow;}
.four {background-color: #black;}
</style>
<script type="text/javascript">
$(document).ready(function(){
$('body').attr('class',$('#senad').val());
$('#senad').change(function(){
$('body').attr('class',$(this).val());
});
});
</script>
</head>
<body>
<select id="senad" size="10">
<option value="one">One</option>
<option value="two">Two</option>
<option value="three">Three</option>
<option value="four">Four</option>
</select>
</body>
</html>
내가 한 일을 그래서, 내가 만든 선택 상자를 도움이 될 것으로 간단한 솔루션 희망, 당신은 그들에게 많은 추가 할 수 있습니다 원하는 값을 클래스 이름으로 지정하고 body에 할당하려고합니다.
jQuery주기 플러그인을 살펴볼 수 있습니다. 이것은 당신에게 적합 할 것 같습니다.