1
조회 수 : 5087 신고 : 0
![title: [ani]방울](http://web.webmini.net/./files/iconshop/17272e41eb9e6aa2931a9f1f78adb344.gif "title : [ani]방울")
UI| 미리보기 : |
|---|
1이란 버튼을 클릭하면 1버튼에 대한 내용이 보여주고, 2라는 메뉴 클릭시 1내용을 숨기고, 2에 대한 내용을 보여주는 형식입니다.
아래소스는 버튼이 3개일때 입니다.
<script type="text/javascript">
function newsViewer(strValue)
{
var newsLayer1 = document.getElementById('news_1');
var newsLayer2 = document.getElementById('news_2');
var newsLayer3 = document.getElementById('news_3');
if (strValue == "2") {
newsLayer1.style.display = "none";
newsLayer2.style.display = "block";
newsLayer3.style.display = "none";
}
else if (strValue == "3") {
newsLayer1.style.display = "none";
newsLayer2.style.display = "none";
newsLayer3.style.display = "block";
}
else {
newsLayer1.style.display = "block";
newsLayer2.style.display = "none";
newsLayer3.style.display = "none";
}
}
</script>
<a href="javascript:newsViewer(1)">버튼1</a>
<div id="news_1">
버튼1 클릭시 보여질 내용
</div>
<a href="javascript:newsViewer(2)">버튼2</a>
<div id="news_2">
버튼2 클릭시 보여질 내용
</div>
<a href="javascript:newsViewer(3)">버튼3</a>
<div id="news_3">
버튼3 클릭시 보여질 내용
</div>
추천수 10단위당 메달이 1개씩 노출되고, 추천수에 따라 배경색이 변하며, 일정수의 추천수를 받을시
아이콘이 붙게됩니다.
![title: [ani]깜빡이는 표정](http://web.webmini.net/./files/iconshop/74a37aadbde84c591808859b369e85e0.gif "title : [ani]깜빡이는 표정")
빽짱구
- 추천수 50개이상
- 추천수 30개이상
- 추천수 20개이상
- 추천수 10개이상
- 추천수 3개이상
닫기