이런 소스를 어디서 구할 데가 없을까요?? 정보
이런 소스를 어디서 구할 데가 없을까요??본문
상단에 붙어 있다가 마우스 롤오버 하면 스르륵 내려오면서
메뉴등 수정을 할 수 있는....
아웃로그인 스킨에 비슷 한게 있었는데
제 홈에서 동작을 안하네요 ㅜㅜ
그런 소스를 어디서 만나 볼 수 있을 까요??
추천
0
0
댓글 12개
js아니에요?상단에붙어있다가 롤오버하면 스르륵 내려오는거면....js계열소스로 보이네요'ㅁ';;;;
혹시 제이쿼리 파일등이 필요하지않을까요?소스 찾아보면 나올껍니다...아마도.....
제가보기에는 해당 소스 작동에 필요한 제이쿼리파일이라던가 기타 js파일을 못불러오는 바람에 동작이안하는거 같네요......;;;만약에 해당파일이 있으면 해당파일 경로 확인해보세요(.....)그럼 아마도 잘되겠지요?아마도(......)
혹시 제이쿼리 파일등이 필요하지않을까요?소스 찾아보면 나올껍니다...아마도.....
제가보기에는 해당 소스 작동에 필요한 제이쿼리파일이라던가 기타 js파일을 못불러오는 바람에 동작이안하는거 같네요......;;;만약에 해당파일이 있으면 해당파일 경로 확인해보세요(.....)그럼 아마도 잘되겠지요?아마도(......)
jquery 로 온클릭시 불러오면 될거같기도한데 흐익 안되신다니 헙
아마도..제이쿼리파일(js)경로 문제가 아닐까 하는 생각이들어요...그것도 아니면 해당 소스만 가져오시고 제이쿼리파일이 빠져있다거나....왠지 이문제같네요(....)
제이쿼리같은 경우는 익스라고 되고 파복이라안되고 크롬이라서 안되고 이런 크로스 브라우징 문제는 안발생할꺼같아요;;;;;;;
아니면 하나더 생각해볼수 있는 문제가 제이쿼리를 불러들이는 구문의 위치가 잘못됬다거나하는 경우이지요..
예를들어서 상단에붙어있다가 룰오버하면(헥헥..힘들다;;)작동하는 소스는 위에있고 제이쿼리 불러들이는 소스는 아래에있다거나...이런문제가 있을수도있지요;;;만약에 이경우면 순서만 바꾸면 해결(...근데 이런 실수하는분 없겠죠;;ㅎㅎㅎㅎ거의 대부분 JS또는 CSS를 불러들이는 부분은 HEAD위쪽에 두니까요;;;음;;)
만약에 다 있고 소스가 정상적인데 안되는경우는 대소문자구분이라던가 오타...또는 열고닫기문제도 있을수가있지요;;;;;이런경우가 제일 당혹스럽긴합니다(....오타로 동작안할때가;;;)
제이쿼리같은 경우는 익스라고 되고 파복이라안되고 크롬이라서 안되고 이런 크로스 브라우징 문제는 안발생할꺼같아요;;;;;;;
아니면 하나더 생각해볼수 있는 문제가 제이쿼리를 불러들이는 구문의 위치가 잘못됬다거나하는 경우이지요..
예를들어서 상단에붙어있다가 룰오버하면(헥헥..힘들다;;)작동하는 소스는 위에있고 제이쿼리 불러들이는 소스는 아래에있다거나...이런문제가 있을수도있지요;;;만약에 이경우면 순서만 바꾸면 해결(...근데 이런 실수하는분 없겠죠;;ㅎㅎㅎㅎ거의 대부분 JS또는 CSS를 불러들이는 부분은 HEAD위쪽에 두니까요;;;음;;)
만약에 다 있고 소스가 정상적인데 안되는경우는 대소문자구분이라던가 오타...또는 열고닫기문제도 있을수가있지요;;;;;이런경우가 제일 당혹스럽긴합니다(....오타로 동작안할때가;;;)
네... ㅜ 웹서핑하다가 스크립트 소스를 가져와서 작업을 했는데..
메인이나 리스트 에서는 잘 되요..
그런데 뷰페이지와 글쓰기 부분에선 먹통이 되네요..ㅋ
그래서 일반 스크립트 말고 제이쿼리로 여기저기 보고 있는데...
도저히 못찾겠네요...ㅡㅜ
예전엔 그런 사이트도 많이 보였는데..
요즘엔 찾아보기가 힘들어서...
알고계신분 알려 주세요~~~~
메인이나 리스트 에서는 잘 되요..
그런데 뷰페이지와 글쓰기 부분에선 먹통이 되네요..ㅋ
그래서 일반 스크립트 말고 제이쿼리로 여기저기 보고 있는데...
도저히 못찾겠네요...ㅡㅜ
예전엔 그런 사이트도 많이 보였는데..
요즘엔 찾아보기가 힘들어서...
알고계신분 알려 주세요~~~~
그런거라면 경로때문이 아닐까요?
head.sub에 js 파일 불러보심이..그러면 어딜가든 js가 동작하니 ㅎㅎ
head.sub에 js 파일 불러보심이..그러면 어딜가든 js가 동작하니 ㅎㅎ
그러네요...관련 증상을 봤을때는 딱...경로문제이네요'ㅁ';;답은 직화오리팡야님이 알려주셨으니......제이쿼리불러오는부분만 코어부에 넣으면될꺼같네요-ㅁ-;;그럼 그문제는 말끔이 해결될꺼 같습니다^^;;;
참고로 제이쿼리 사이트는 http://jquery.com/ 여기이구요....
네이버보다는 구글로 찾아보시면 금방 쉽게 찾을수 있으실듯합니다^^;;;;
참고로 제이쿼리 사이트는 http://jquery.com/ 여기이구요....
네이버보다는 구글로 찾아보시면 금방 쉽게 찾을수 있으실듯합니다^^;;;;
리스트 페이지에는 작동이 잘 되신다니 혹시 write.skin.php 젤 하단의 이넘이 문제일지도
<script type="text/javascript"> window.onload=function() { drawFont(); } </script>
<script type="text/javascript"> window.onload=function() { drawFont(); } </script>
제가 바탕화면에 즐겨찾기 대용으로 html파일을 생성해 사용하고 있는 것중
그런게 있네요. 요구하시는 것이 아닐 수도 있지만 비슷하리라 생각하고
다른건 다 빼고 올려 봅니다. 상단 버튼을 클릭하면 내려오고, 다시 클릭하면
올라 갑니다. 오래전 것이라 그러기는 하지만...
아래 내용을 긁어 html파일로 저장해 잘 봐 보세요.
진짜 별거 없지만도... ㅎㅎ
참조만 하삼.
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="chrome=1">
<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width" />
<title>Slide up/down Test</title>
<script type='text/javascript' src="http://code.jquery.com/jquery-latest.min.js"></script>
<style type="text/css" media="screen, projection">
header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption{display:block;margin:0;padding:0}
body{ margin:0; padding:0; text-align:center; font-size:9pt; }
#paper { background:url(poll_paper.gif); background-position: left bottom; background-repeat:no-repeat; }
#neat{ display:none; border:3px double #333;text-align:left; /* 초기 로드될 때 보이지 않게 display:none 설정 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#a1a1a1'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#a1a1a1)); /* for webkit browsers */
background: -moz-linear-gradient(top, #ebebeb, #a1a1a1); /* for firefox 3.6+ */
-webkit-border-radius: 1.6em;
-moz-border-radius: 1.6em;
color: #444;
border-top: solid 1px #f8f8f8;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
}
#neat div.study { display:inline-block; line-height:150%; }
#dropdown{ position:relative; top:-12px; }
#dropdown .dd_img { cursor:pointer; cursor:hand; }
</style>
<script type="text/javascript">
$(document).ready(function(){
$("div#neat").css('display','none');//초기 닫힘상태 .css({'display':'block','font-size':'12px'});
var flag=1;
$("img.dd_img").click(function(){
if(flag == 1){
$("div#neat").slideDown("slow");
$("img.dd_img").toggle();
flag = 2;
}
else{
$("div#neat").slideUp(1300);
$("img.dd_img").toggle();
flag = 1;
}
});
});
</script>
</head>
<body>
<div id="paper">
<!--탑슬라이딩메뉴 시작-->
<div id="neat">
<div class="study">
<ul>
<li><a href="http://www.sir.co.kr/" target="_blank">Sir</a></li>
<li><a href="http://www.daum.net/" target="_blank">다음</a></li>
<li><a href="http://www.naver.com/" target="_blank">네이버</a></li>
<li><a href="http://www.yahoo.com/" target="_blank">야후!</a></li>
</ul>
</div>
</div> <!-- neat end -->
<div id="dropdown">
<p><img src="icon-03.png" alt="탑슬라이딩메뉴펼침" class="dd_img"></p>
<p><img src="icon-04.png" alt="탐슬라이딩메뉴닫힘" class="dd_img" style="display:none;" /></p>
</div>
<h3>Top menu sliding </h3>
</div><!-- paper end -->
</body>
</html>
그런게 있네요. 요구하시는 것이 아닐 수도 있지만 비슷하리라 생각하고
다른건 다 빼고 올려 봅니다. 상단 버튼을 클릭하면 내려오고, 다시 클릭하면
올라 갑니다. 오래전 것이라 그러기는 하지만...
아래 내용을 긁어 html파일로 저장해 잘 봐 보세요.
진짜 별거 없지만도... ㅎㅎ
참조만 하삼.
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="chrome=1">
<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width" />
<title>Slide up/down Test</title>
<script type='text/javascript' src="http://code.jquery.com/jquery-latest.min.js"></script>
<style type="text/css" media="screen, projection">
header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption{display:block;margin:0;padding:0}
body{ margin:0; padding:0; text-align:center; font-size:9pt; }
#paper { background:url(poll_paper.gif); background-position: left bottom; background-repeat:no-repeat; }
#neat{ display:none; border:3px double #333;text-align:left; /* 초기 로드될 때 보이지 않게 display:none 설정 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#a1a1a1'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#a1a1a1)); /* for webkit browsers */
background: -moz-linear-gradient(top, #ebebeb, #a1a1a1); /* for firefox 3.6+ */
-webkit-border-radius: 1.6em;
-moz-border-radius: 1.6em;
color: #444;
border-top: solid 1px #f8f8f8;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
}
#neat div.study { display:inline-block; line-height:150%; }
#dropdown{ position:relative; top:-12px; }
#dropdown .dd_img { cursor:pointer; cursor:hand; }
</style>
<script type="text/javascript">
$(document).ready(function(){
$("div#neat").css('display','none');//초기 닫힘상태 .css({'display':'block','font-size':'12px'});
var flag=1;
$("img.dd_img").click(function(){
if(flag == 1){
$("div#neat").slideDown("slow");
$("img.dd_img").toggle();
flag = 2;
}
else{
$("div#neat").slideUp(1300);
$("img.dd_img").toggle();
flag = 1;
}
});
});
</script>
</head>
<body>
<div id="paper">
<!--탑슬라이딩메뉴 시작-->
<div id="neat">
<div class="study">
<ul>
<li><a href="http://www.sir.co.kr/" target="_blank">Sir</a></li>
<li><a href="http://www.daum.net/" target="_blank">다음</a></li>
<li><a href="http://www.naver.com/" target="_blank">네이버</a></li>
<li><a href="http://www.yahoo.com/" target="_blank">야후!</a></li>
</ul>
</div>
</div> <!-- neat end -->
<div id="dropdown">
<p><img src="icon-03.png" alt="탑슬라이딩메뉴펼침" class="dd_img"></p>
<p><img src="icon-04.png" alt="탐슬라이딩메뉴닫힘" class="dd_img" style="display:none;" /></p>
</div>
<h3>Top menu sliding </h3>
</div><!-- paper end -->
</body>
</html>
감사합니다 ^^
경로를 이리저리 옮겨봐도
마찬가지로 뷰와 글쓰기 페이지에서는 안나오네요..
이 소스 가지고 만져봐야겠습니다 ㅎ
다시한번 감사드립니다 ^^
경로를 이리저리 옮겨봐도
마찬가지로 뷰와 글쓰기 페이지에서는 안나오네요..
이 소스 가지고 만져봐야겠습니다 ㅎ
다시한번 감사드립니다 ^^
함수 충돌때문이 아닐까 조심 스럽게 의심해봅니다.
아마도 말씀하신 프로그램의 동작 알고리즘을 먼저 아셔야 할 것 같습니다.
모든 프로그램은 알고리즘이 있습니다. 알고리즘을 분석하면
화면스크롤이 Top에서 몇px 떨어질때까지 내려가면 메뉴1이 있는가를 잡아야합니다
메뉴의 위치가 top에서 200px 라면 스크롤이 200px내려갔을때
메뉴는 margin-left:0; margin-top:0; position:fixed 가 되고 200px 이상이 되면원래 cSS 를 깔아주면 됩니다.~ 뭐 이정도입니다.ㅎㅎ
p
모든 프로그램은 알고리즘이 있습니다. 알고리즘을 분석하면
화면스크롤이 Top에서 몇px 떨어질때까지 내려가면 메뉴1이 있는가를 잡아야합니다
메뉴의 위치가 top에서 200px 라면 스크롤이 200px내려갔을때
메뉴는 margin-left:0; margin-top:0; position:fixed 가 되고 200px 이상이 되면원래 cSS 를 깔아주면 됩니다.~ 뭐 이정도입니다.ㅎㅎ
p
