웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
[초간단 자바스크립트!] 자바로 홈페이지를부드럽게!!(1)
2004.01.27 18:39
※자바로 홈페이지 부드럽게 만들기!!
1. 랜덤 이미지
<SCRIPT LANGUAGE="JavaScript">
var BgArray = new Array(
"이미지1",
"이미지2",
"이미지3",
"이미지4"
);
var gifimage="";
var picfolder="./";
today=new Date();
jran=today.getTime();
ia=9301;
ic=49297;
im=233280;
jran = (jran*ia+ic) % im;
gifimage = picfolder+BgArray[ ( Math.ceil((jran/(im*1.0))
*BgArray.length) ) - 1];
document.write("<center><img src='"+gifimage+"'></center>");
</script>
//페이지 들어올 때마다 바뀌는 이미지.. 대문에 사용하면 좋으실듯...
2. 슬라이드 창
※새창에 이것을 넣는다.
<script>
function drop(n) {
if(self.moveBy){
self.moveBy (0,-900);
for(i = n; i > 0; i--){
self.moveBy(0,3);
}
}
}
</script>
<body onload="drop(300)"> <!--아래로 내려올 거리-->
//이소스 쓰면 창이 위에서 아래로 떨어집니다.. 쿨럭..
3. 날짜 카운터
<SCRIPT name="JavaScript">
today = new Date()
xday = new Date("December 19, 2000") //이부분의 날짜를 수정하세요.
xday.setYear = today.getYear;
daysAfter = (today.getTime() - xday.getTime()) / (1000*60*60*24);
daysAfter = Math.round(daysAfter);
document.write("<center>2000년 12월 19일이후 <font color=red>"+daysAfter+" </font>일 지났네요</center>");
</SCRIPT>
//흠,, 제가 이거는 언제 올렸던 강좌인데요...캬캬..!-_-;; 반응 좋아서 또올립니다...
※대충 이게 끝이네요...흠... 미리보기도 올려야 하겠지만 귀차니즘에 의해서...
에러 나거나 궁금한 점은 리플 달아주세요...
1. 랜덤 이미지
<SCRIPT LANGUAGE="JavaScript">
var BgArray = new Array(
"이미지1",
"이미지2",
"이미지3",
"이미지4"
);
var gifimage="";
var picfolder="./";
today=new Date();
jran=today.getTime();
ia=9301;
ic=49297;
im=233280;
jran = (jran*ia+ic) % im;
gifimage = picfolder+BgArray[ ( Math.ceil((jran/(im*1.0))
*BgArray.length) ) - 1];
document.write("<center><img src='"+gifimage+"'></center>");
</script>
//페이지 들어올 때마다 바뀌는 이미지.. 대문에 사용하면 좋으실듯...
2. 슬라이드 창
※새창에 이것을 넣는다.
<script>
function drop(n) {
if(self.moveBy){
self.moveBy (0,-900);
for(i = n; i > 0; i--){
self.moveBy(0,3);
}
}
}
</script>
<body onload="drop(300)"> <!--아래로 내려올 거리-->
//이소스 쓰면 창이 위에서 아래로 떨어집니다.. 쿨럭..
3. 날짜 카운터
<SCRIPT name="JavaScript">
today = new Date()
xday = new Date("December 19, 2000") //이부분의 날짜를 수정하세요.
xday.setYear = today.getYear;
daysAfter = (today.getTime() - xday.getTime()) / (1000*60*60*24);
daysAfter = Math.round(daysAfter);
document.write("<center>2000년 12월 19일이후 <font color=red>"+daysAfter+" </font>일 지났네요</center>");
</SCRIPT>
//흠,, 제가 이거는 언제 올렸던 강좌인데요...캬캬..!-_-;; 반응 좋아서 또올립니다...
※대충 이게 끝이네요...흠... 미리보기도 올려야 하겠지만 귀차니즘에 의해서...
에러 나거나 궁금한 점은 리플 달아주세요...
댓글 4
-
최근우
2004.01.30 23:06
-
∑Ztxy
2004.01.31 17:38
최근우//그림 파일의 경로를 넣는 곳이구요...[같은 폴더라면 그림파일명입니다...]
그리고 그림 크기는 아무런 상관없습니다..^^ -
오호라
2004.02.05 16:45
랜덤이미지에서.. 스크립트를 넣긴했는데..
원래 고정된 그림이 보여야하는 곳에다
어떻게 불러다 쓰는거지요? -_-; (왕초보) -
루미너스
2004.05.02 22:33
함수지정하여 출력하는 것이 아닌고로 <body>와 </body>사이에 원하는 위치에 삽입하면 됩니다.
제목 | 글쓴이 | 날짜 |
---|---|---|
페이지 내에 주소창 달기 [1] | piasol | 2004.02.09 |
앞,뒤,새로고침 만들기 [2] | piasol | 2004.02.01 |
[초간단 자바스크립트!] 자바로 홈페이지를부드럽게!!(1) [4] | ∑Ztxy | 2004.01.27 |
[초간단 자바스크립트!] 자바로 로그인폼 만들기 [3] | ∑Ztxy | 2004.01.26 |
[초간단 자바스크립트!] 튀어나오는 글자..-_-;; | ∑Ztxy | 2004.01.18 |
Thinking In Java 2nd Edition
![]() | n25 | 2004.01.14 |
[초간단 자바스크립트!] 홈페이지접속 시간,날짜 표시기 [3] | ∑Ztxy | 2004.01.09 |
들어갈때 시작페이지 설정하는거... [2] | 쉿!비밀 | 2003.12.17 |
오른버튼 누를때 메뉴 뜨게하기(깔끔버전)
[5]
![]() | 럽 | 2003.12.09 |
익스플로러에서 인쇄 누르면 페이지 이동.... [3] | 조한웅 | 2003.11.28 |
팝업공지창 다시 안뜨게 하는 소스[날짜지정가능] [17] | lemin | 2003.11.20 |
심플한 원단위를 콤마로 나타내주기 [2] | zentoo.com | 2003.11.11 |
정말 멋있는 글자 변환 스크립트 [12] | sythesis | 2003.11.07 |
마우스 이벤트 발생시 문서 상,하단으로 이동 [3] | RedEye(kaist) | 2003.10.30 |
클릭하면 홈페이지를 시작페이지로 하는 소스... [7] | 젤군 | 2003.10.28 |
[초간단 자바스크립트!] 날짜 카운터! 커플홈에 강추!! [15] | ∑Ztxy | 2003.10.08 |
[초간단 자바스크립트!] 홈페이지에 FTP 폼 넣기?! [10] | ∑Ztxy | 2003.09.29 |
플레쉬 메뉴를 표방한..=ㅁ= 자바스크립트의 수작 버튼 밑으로 스크롤 되는 아이콘입니다. [47] | beMax | 2003.09.14 |
frame으로 홈페이지 구성시 한쪽 페이지는 유동성있는 파일 대입법(?) | monozzang | 2003.09.02 |
경우에 따라 공지가 새창에서도 보여야 하고, 일반 페이지에서도 보여야 할때 | 조은하루 | 2003.08.22 |
이미지1 2 등등이 그림파일명을 넣는건가요?;;
그리고 크기가 다른것도 상관이없나요??