▣ select tag
<select style=width:190px;" size="1" onChange="var thelocation=this.options[this.selectedIndex].value; if (thelocation != '') window.open(thelocation);">
<option selected>관련기관목록</option>
<option value="http://www.naver.com">네이버</option>
<option value=http://www.daum.net>다음</option>
</select>
value에 링크주소를 입력하시면 됩니다.
테스트 :
▣ 페이지 상,하 이동 tag
Top 으로 이동 <a href="#"> [위로] </a>
위치 이름 정하기 : <a name=bottom>
이동하고자 하는곳 정하기 : <a href="#bottom">아래로 이동</a>
▣ 팝업창 띄우기
메인창 HTML (파일명: TEST.html)
window.open("popup.html","pop1","width=300,height=400,left=100,top=200");
팝업창 HTML (파일명: popup.html)
<SCRIPT LANGUAGE="JavaScript">
<!--
function my_Change()
{
opener.location.href="TEST.html";
self.close();
}
//-->
</SCRIPT>
<IMG SRC="test.jpg" WIDTH="200" HEIGHT="300" BORDER="0" ALT="" onclick="my_Change()">
'▣ 참고 > 팁' 카테고리의 다른 글
티스토리의 미디어로그를 목록으로 활용하기 (0) | 2009.04.24 |
---|---|
이미지 슬라이드 만들기 (0) | 2009.02.25 |
구글 웹 가젯 쉽게 만들기 (0) | 2009.02.19 |