웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
슬라이드 배너및 메뉴가 익스플러 창 조절시 좌표값 변할때 사용 하는 구문!!
2006.08.21 00:22
<SCRIPT language="JavaScript">
// 브라우저 판별을 위한 두개의 변수 :: 불리언 역할을 함
var bNetscape4plus = (navigator.appName == "Netscape" && navigator.appVersion.substring(0,1) >= "5");
// 브라우저가 넷스케이프며 appVersion이 5(버전 : 5.x~7.x)인 경우 true
var bExplorer4plus = (navigator.appName == "Microsoft Internet Explorer" && navigator.appVersion.substring(0,1) >= "4");
// 브라우저가 넷스케이프며 appVersion이 4(버전 : 4.x~6.x)인 경우 true
function CheckUIElements(){
var yMenuFrom, yMenuTo, yOffset, timeoutNextCheck;
if ( bNetscape4plus ) { // 네츠케이프 용 설정
yMenuFrom = parseInt( window.document.getElementById("divMenu").style.top, 10 );
// 창의 크기를 줄였을 경우나, 레이어의 높이가 창의 크기보다 큰 경우, 무한스크롤이 되는 경우를 방지하기 위한 조건문
if ( parseInt( window.innerHeight, 10 ) <= parseInt( window.document.getElementById("divMenu").style.height, 10 ) ) yMenuTo = 7; // 위쪽으로부터의 거리
else yMenuTo = window.pageYOffset + 7; // 위쪽에서부터의 거리
}
else if( bExplorer4plus ) { // IE 용 설정
yMenuFrom = parseInt (window.document.all("divMenu").style.top, 10);
// 창의 크기를 줄였을 경우나, 레이어의 높이가 창의 크기보다 큰 경우, 무한스크롤이 되는 경우를 방지하기 위한 조건문
if ( parseInt( window.document.body.clientHeight, 10) <= parseInt( window.document.all("divMenu").style.height, 10) ) yMenuTo = 5; // 위쪽으로부터의 거리
else yMenuTo = window.document.body.scrollTop + 5; // 위쪽에서부터의 거리
}
timeoutNextCheck = 500;
if ( yMenuFrom != yMenuTo ){
yOffset = Math.ceil( Math.abs( yMenuTo - yMenuFrom ) / 20 ); //스크롤의 속도증감의 부드러움 조절은 이곳의 수치를 이용한다.
if ( yMenuTo < yMenuFrom ) yOffset = -yOffset;
if ( bNetscape4plus ) window.document.getElementById("divMenu").style.top = parseInt ( window.document.getElementById("divMenu").style.top, 10 ) + yOffset;
else if ( bExplorer4plus ) window.document.all("divMenu").style.top = parseInt (window.document.all("divMenu").style.top, 10) + yOffset;
timeoutNextCheck = 10;
}
setTimeout ("CheckUIElements()", timeoutNextCheck);
}
function OnLoad(){
if ( bNetscape4plus ){
window.document.getElementById("divMenu").style.top = window.pageYOffset + 0;
// 뒤에 더해준 숫자 : 레이어가 처음 나타나는 위치 (위에서 몇픽셀 떨어진 지점) 뒤에 CheckUIElements()에 의해 정해진 지점으로 스크롤 된다.
// 300~400정도의 값을 넣어 테스트해보면, 정확한 기능을 파악할 수 있다.
window.document.getElementById("divMenu").style.visibility = "visible"; // 레이어의 숨김/보이기 옵션중 보이기 옵션
}
else if ( bExplorer4plus ){
window.document.all("divMenu").style.top = document.body.scrollTop + 0;
// 뒤에 더해준 숫자 : 바로 위 넷스케이프에서 실행되는 스크립트에서의 기능과 같다.
window.document.all("divMenu").style.visibility = "visible";
}
CheckUIElements();
return true;
}
OnLoad();
</SCRIPT>
-- 위 구문을 넣어주시면 될꺼예요...
저도 첨에 저것 때문에 무진장 고생했어요..ㅍ.ㅍ
저기 보시면..."divMenu" 이건 슬라이드메뉴나 배너.이름이고..
해보시면..다 아실겁니다...하핫..너무 무책임한 발언인가..
www.moongil.com
// 브라우저 판별을 위한 두개의 변수 :: 불리언 역할을 함
var bNetscape4plus = (navigator.appName == "Netscape" && navigator.appVersion.substring(0,1) >= "5");
// 브라우저가 넷스케이프며 appVersion이 5(버전 : 5.x~7.x)인 경우 true
var bExplorer4plus = (navigator.appName == "Microsoft Internet Explorer" && navigator.appVersion.substring(0,1) >= "4");
// 브라우저가 넷스케이프며 appVersion이 4(버전 : 4.x~6.x)인 경우 true
function CheckUIElements(){
var yMenuFrom, yMenuTo, yOffset, timeoutNextCheck;
if ( bNetscape4plus ) { // 네츠케이프 용 설정
yMenuFrom = parseInt( window.document.getElementById("divMenu").style.top, 10 );
// 창의 크기를 줄였을 경우나, 레이어의 높이가 창의 크기보다 큰 경우, 무한스크롤이 되는 경우를 방지하기 위한 조건문
if ( parseInt( window.innerHeight, 10 ) <= parseInt( window.document.getElementById("divMenu").style.height, 10 ) ) yMenuTo = 7; // 위쪽으로부터의 거리
else yMenuTo = window.pageYOffset + 7; // 위쪽에서부터의 거리
}
else if( bExplorer4plus ) { // IE 용 설정
yMenuFrom = parseInt (window.document.all("divMenu").style.top, 10);
// 창의 크기를 줄였을 경우나, 레이어의 높이가 창의 크기보다 큰 경우, 무한스크롤이 되는 경우를 방지하기 위한 조건문
if ( parseInt( window.document.body.clientHeight, 10) <= parseInt( window.document.all("divMenu").style.height, 10) ) yMenuTo = 5; // 위쪽으로부터의 거리
else yMenuTo = window.document.body.scrollTop + 5; // 위쪽에서부터의 거리
}
timeoutNextCheck = 500;
if ( yMenuFrom != yMenuTo ){
yOffset = Math.ceil( Math.abs( yMenuTo - yMenuFrom ) / 20 ); //스크롤의 속도증감의 부드러움 조절은 이곳의 수치를 이용한다.
if ( yMenuTo < yMenuFrom ) yOffset = -yOffset;
if ( bNetscape4plus ) window.document.getElementById("divMenu").style.top = parseInt ( window.document.getElementById("divMenu").style.top, 10 ) + yOffset;
else if ( bExplorer4plus ) window.document.all("divMenu").style.top = parseInt (window.document.all("divMenu").style.top, 10) + yOffset;
timeoutNextCheck = 10;
}
setTimeout ("CheckUIElements()", timeoutNextCheck);
}
function OnLoad(){
if ( bNetscape4plus ){
window.document.getElementById("divMenu").style.top = window.pageYOffset + 0;
// 뒤에 더해준 숫자 : 레이어가 처음 나타나는 위치 (위에서 몇픽셀 떨어진 지점) 뒤에 CheckUIElements()에 의해 정해진 지점으로 스크롤 된다.
// 300~400정도의 값을 넣어 테스트해보면, 정확한 기능을 파악할 수 있다.
window.document.getElementById("divMenu").style.visibility = "visible"; // 레이어의 숨김/보이기 옵션중 보이기 옵션
}
else if ( bExplorer4plus ){
window.document.all("divMenu").style.top = document.body.scrollTop + 0;
// 뒤에 더해준 숫자 : 바로 위 넷스케이프에서 실행되는 스크립트에서의 기능과 같다.
window.document.all("divMenu").style.visibility = "visible";
}
CheckUIElements();
return true;
}
OnLoad();
</SCRIPT>
-- 위 구문을 넣어주시면 될꺼예요...
저도 첨에 저것 때문에 무진장 고생했어요..ㅍ.ㅍ
저기 보시면..."divMenu" 이건 슬라이드메뉴나 배너.이름이고..
해보시면..다 아실겁니다...하핫..너무 무책임한 발언인가..
www.moongil.com
댓글 0
제목 | 글쓴이 | 날짜 |
---|---|---|
날씨배너입니다. [4] | LooK782 | 2007.12.03 |
홈페이지에 예쁜 날씨 배너를 달아보자!!!! [3] | blue7376.myid.net | 2008.01.28 |
날씨배너 600종류 입니다.(지역별75종X색상별8종) | 푸른커튼 | 2008.01.30 |
배너 랜덤추출 스크립트 [xe적용방법] [16] | 라싸 | 2008.02.19 |
왕초보용 xe 1.2.0 버전 사용 기본 레이아웃 좌측에 배너 삽입 방법. [7] | 『june™』 | 2009.03.20 |
▩배너링크할때 쓰면 정말 편한 것. [2] | ▩윤미 | 2002.03.03 |
nzeo처럼 배너누르면 배너다는법 나오게하기! [6] | Rollrang | 2004.02.05 |
슬라이드 배너및 메뉴가 익스플러 창 조절시 좌표값 변할때 사용 하는 구문!! | 천문길 | 2006.08.21 |
스크롤배너 + 마우스 이벤트 - 초이스 응용 버젼임당...^^* | choice | 2002.02.25 |
배너 링크를 바로 클립보드로 카피하기 [5] | Legend | 2002.04.01 |
배너 링크를 바로 클립보드로 카피하기(Legend님꺼 보충) [3] | 카멜롯™ | 2002.04.04 |
엔지오 메인 화면에서 배너 클릭하면 뜨는 프롬프트 달기 [1] | Eccen | 2002.09.30 |
배너를 모자이크로 슬라이드한다! [13] | ☺심심 | 2004.05.17 |
[추천] 가로형 배너 슬라이드 [7] | ⓣinⓣin™ | 2004.06.10 |
[추천] 세로형 배너 슬라이드 [4] | ⓣinⓣin™ | 2004.06.24 |
임의로 전체에서 몇개의 배너만 출력하기(오류 수정 ㅜ,.ㅜ) | ColonD | 2005.10.20 |
exp. 완전 랜덤배너 소스 [8] | TheMics | 2002.10.12 |
페이지에 접속할 때마다 다른 배너보여주는 소스.. [9] | 풍월주인 | 2002.10.07 |
텍스트 링크, 배너 링크*랜덤 (틀팁포함) [3] | 둘리나라™ | 2003.01.16 |
cafe 설정 / 배너이미지 사이즈 바꾸기 | 윤씨 | 2011.02.18 |