스크롤바를 좌측으로 꾸미기
무댜게 간단합니다.
<HTML dir=rtl>
위 태그를 사용시 문서가 거울을 보는 것처럼 뒤집히죠.
아래 처럼 하시면 스크롤바만 왼쪽에 위치합니다.
<html dir="rtl">
<head>
<title>Test</title></head>
<body>
<div dir="ltr">
스크롤바가 왼쪽에 있지요?
여기에 내용을 쓰세요.
</div>
</body>
</html>
'인터넷정보' 카테고리의 다른 글
테이블에 마우스 배경컬러 롤오버 효과 (0) | 2007.10.16 |
---|---|
마우스 오버시 이미지가 컬러가 변합니당! (0) | 2007.10.16 |
SUBMIT 버튼을 이미지로 바꾸기 (0) | 2007.10.16 |
테이블 자체에 링크 걸기 (0) | 2007.10.16 |
테이블 투명하게 하기 (0) | 2007.10.16 |
문서의 수정된 날짜 자동으로 표시하기 (0) | 2007.10.16 |
Textarea란? (0) | 2007.10.16 |
fieldset로 테이블 만들기 (0) | 2007.10.16 |
테이블 공지 멈춤 / 시작 기능 (0) | 2007.10.16 |
칼라테이블 (0) | 2007.10.16 |
문서의 수정된 날짜 자동으로 표시하기
홈페이지를 자주 업데이트하다 보면 페이지가 수정된 날짜를
수시로 바꾸어야 하는 번거로움이 있을 수 있습니다.
이때 유용한 방법으로 다음의 태그를 원하는 곳에 삽입만
하면 나중에 이 문장이 삽입된 문서가 업데이트 되었다면
자동으로 업데이트한 수정된 시간을 명시하여 줍니다.
<script>
<!--
document.write("Last Modified: "+document.lastModified+"")
//-->
</script>
위의 내용중 document.write("")안의 내용을 바꾸셔도 됩니다.
예를 들어 Last Modified 를 최종수정날짜 라고 바꾸면 출력에
최종수정날짜 : ... 라고 나타납니다.
'인터넷정보' 카테고리의 다른 글
마우스 오버시 이미지가 컬러가 변합니당! (0) | 2007.10.16 |
---|---|
SUBMIT 버튼을 이미지로 바꾸기 (0) | 2007.10.16 |
테이블 자체에 링크 걸기 (0) | 2007.10.16 |
테이블 투명하게 하기 (0) | 2007.10.16 |
스크롤바를 좌측으로 꾸미기 (0) | 2007.10.16 |
Textarea란? (0) | 2007.10.16 |
fieldset로 테이블 만들기 (0) | 2007.10.16 |
테이블 공지 멈춤 / 시작 기능 (0) | 2007.10.16 |
칼라테이블 (0) | 2007.10.16 |
페이지 링크걸때 iframe이 아닌 다른 방법!!! (0) | 2007.10.16 |
Textarea란?
Textarea란 Html 문서 안에 태그를 사용하지 안구 예를 들면 저 같이
예제와 소스를 설명할 때 한 문서에서 Textarea 안의 내용은 텍스트 형식으로
출력을 시키는 것을 말합니다. 즉, 특수문자를 사용하지 안고도 태그를 안 먹히게
하는 방법이고, 소스 양이 만을 경우 이 안에 집어 넣습니다.
아래 예제를 보시면 이해가 빠를 것 입니다.
이건 그냥 태그를 쓴 거구요.
여기는 기냥 태그를 써서 글자에 컬러와
사이즈를 지정을 했습니다.
흠 뭘 쓰징.
별루 할말이 없당.
에고....^^;;
요건 Textarea 안에 태그를 쓴 것입니다.
-----------------------------------
여기서 부터는 Textarea의 소스입니다.
<textarea name="textfield" cols="20" rows="10">
<font color=red size=2>여기는 기냥 태그를 써서 글자에 컬러와
사이즈를 지정을 했습니다.
흠 뭘 쓰징.
별루 할말이 없당.
에고....^^;;</font>
</textarea>
-----------------------------------
cols는 가로 크기 이구요.
rows는 세로 크기 입니다.
주의 : Textarea 태그를 쓰실 경우 중요한 부분입니다.
꼭!!! 태그 명령어를 끝내는 </textarea>를 써줘야 됩니다.
이걸 쓰지 안으면 밑으로 다 태그가 먹지 안습니다.
일반 문서에 작성 하실 때는 괜찮지만(수정이 가능) 이런 게시판에 쓸 경우
수정하는 메뉴가 위에 있는 경우는 괜찮습니다. 하지만 슈퍼 보드 게시판 같은 무료 게시판인 경우
수정 메뉴가 글 작성후 출력하는 화면 아래에 나오기 때문에 이걸 써주지 안으면
절대 수정을 할 수가 없습니다. 왜냐면 모두 텍스트 형식으로 출력이 되기 때문에...
그리구 한 번 작성하고 다시 수정을 할 경우 첨 끝내기 </textarea>이게 사라져
버립니다. 이유는 잘 모르겠구요. 수정을 할 때는 다시 이걸 써주어야 됩니다.
꼭 기억하세요. 제가 요거 때문에 실수를 만이 한게 있죠. 소스 올려 놓은거 중에
출력 화면의 하단이 사라져 버린게 몇 개 있는데 수정 하다가 요걸 안써줘서 그런 겁니다...^^;;
'인터넷정보' 카테고리의 다른 글
SUBMIT 버튼을 이미지로 바꾸기 (0) | 2007.10.16 |
---|---|
테이블 자체에 링크 걸기 (0) | 2007.10.16 |
테이블 투명하게 하기 (0) | 2007.10.16 |
스크롤바를 좌측으로 꾸미기 (0) | 2007.10.16 |
문서의 수정된 날짜 자동으로 표시하기 (0) | 2007.10.16 |
fieldset로 테이블 만들기 (0) | 2007.10.16 |
테이블 공지 멈춤 / 시작 기능 (0) | 2007.10.16 |
칼라테이블 (0) | 2007.10.16 |
페이지 링크걸때 iframe이 아닌 다른 방법!!! (0) | 2007.10.16 |
마퀴 태그를 이용한 공지 소스 (0) | 2007.10.16 |
fieldset로 테이블 만들기
혹시 textarea가 머지 하시는 분들은 제가 올린 소스 중에 양이 만은 것들은
박스 비스무리 하게 생겨가지구 스크롤바가 있는 박스 보셨죠. 이게
태그가 먹히지 안게 textarea를 쓴겁니다.
하지만 아래 fieldset는 태그가 당연히 먹힙니다.
'인터넷정보' 카테고리의 다른 글
테이블 자체에 링크 걸기 (0) | 2007.10.16 |
---|---|
테이블 투명하게 하기 (0) | 2007.10.16 |
스크롤바를 좌측으로 꾸미기 (0) | 2007.10.16 |
문서의 수정된 날짜 자동으로 표시하기 (0) | 2007.10.16 |
Textarea란? (0) | 2007.10.16 |
테이블 공지 멈춤 / 시작 기능 (0) | 2007.10.16 |
칼라테이블 (0) | 2007.10.16 |
페이지 링크걸때 iframe이 아닌 다른 방법!!! (0) | 2007.10.16 |
마퀴 태그를 이용한 공지 소스 (0) | 2007.10.16 |
이쁜거 (0) | 2007.10.16 |
테이블 공지 멈춤 / 시작 기능
◇시작◇ | ◇멈춰◇ |
<table><tr><td align=center>
<marquee id="scroller" direction=up scrollamount=4 width=200 height=200 style="background color:#FFFFFF;border:3px solid #FFE5E5">
<br>
<center><font color="red">
<br>
날이 쌀쌀해졌죠.<br>
<br>
감기 져쉼 하시구요<br>
<br>
새해 복 만이 받으세요.<br>
<br>
그럼....^^<br>
<br>
바바이</font>
<br>
</center>
<br>
</marquee>
<br>
<a href="javascript:scroller.start()" onfocus=this.blur()>◇시작◇</a> | <a href="javascript:scroller.stop()" onfocus=this.blur()>◇멈춰◇</a>
</td></tr></table>
'인터넷정보' 카테고리의 다른 글
테이블 투명하게 하기 (0) | 2007.10.16 |
---|---|
스크롤바를 좌측으로 꾸미기 (0) | 2007.10.16 |
문서의 수정된 날짜 자동으로 표시하기 (0) | 2007.10.16 |
Textarea란? (0) | 2007.10.16 |
fieldset로 테이블 만들기 (0) | 2007.10.16 |
칼라테이블 (0) | 2007.10.16 |
페이지 링크걸때 iframe이 아닌 다른 방법!!! (0) | 2007.10.16 |
마퀴 태그를 이용한 공지 소스 (0) | 2007.10.16 |
이쁜거 (0) | 2007.10.16 |
마퀴태그 응용 (0) | 2007.10.16 |
아래는 너무 크게 나왔죠. 소스복사해서 태그연습장에서 실행해보세요.
|
|
|
♡가시기전엔 꼬옥 방명록에♡ |
-칼라테이블-레드버전- |
|
-칼라테이블-블루버전- |
|
-칼라테이블-오렌지버전- |
♡즐겨찾기에 추가해 놓으세욤♡ |
<table align="center" border="1" cellspacing="0" width="292" height="0" bordercolordark="white" bordercolorlight="#FF99CC">
<tr> <td width="286" bgcolor="#FF99CC" bordercolor="#FF99CC"><p align="center"><span style="font-size:10pt;">
<font color="white">-칼라테이블-핑크버전-</font></span></p> </td> </tr> <tr> <td width="286"> <p align="center">
<font color="#FF99CC"><span style="font-size:10pt;"> </span></font></p> <p align="center"><font color="#FF99CC">
<span style="font-size:10pt;">♡소스천국 태그피아는 카멜롯의 홈♡<br>♡태그피아 소스는 무한 공유♡</span></font></p>
<p align="center"><font color="#FF99CC"><span style="font-size:10pt;"> </span></font></p> </td> </tr> </table>
<Br>
<table align="center" border="1" cellspacing="0" width="292" bordercolordark="white" bordercolorlight="green">
<tr> <td width="533" bgcolor="green"> <p align="center"><font color="white"><span style="font-size:10pt;">
-칼라테이블-그린버전-</span></font></p> </td> </tr> <tr> <td width="533"> <p align="center"><span style="font-size:10pt;">
</span></p> <p align="center"><span style="font-size:10pt;"><font color="green">♡가시기전엔 꼬옥 방명록에♡<br>
♡도장 꾸욱 찍는거 아시지여♡</font></span></p> <p> </p> </td> </tr> </table>
<Br>
<table align="center" border="1" cellspacing="0" width="292" bordercolordark="white" bordercolorlight="red"> <tr>
<td width="964" bgcolor="red"> <p align="center"><font color="white"><span style="font-size:10pt;">-칼라테이블-레드버전-
</span></font></p> </td> </tr> <tr> <td width="964"> <p><span style="font-size:10pt;"> </span></p> <p align="center">
<span style="font-size:10pt;"><font color="red">♡태그피아 홈에는 초보자를 위한♡<br>♡기초태그 강좌를 수록했습니당♡</font>
</span></p> <p> </p> </td> </tr> </table>
<Br>
<table align="center" border="1" cellspacing="0" width="292" bordercolordark="white" bordercolorlight="blue"> <tr>
<td width="964" bgcolor="blue"> <p align="center"><font color="white"><span style="font-size:10pt;">-칼라테이블-블루버전-
</span></font></p> </td> </tr> <tr> <td width="964"> <p><span style="font-size:10pt;"> </span></p> <p align="center">
<font color="blue"><span style="font-size:10pt;">♡카멜롯의 태그피아♡<br>♡태그고수는 사절입니다..헤♡</span></font></p>
<p align="center"><font color="blue"><span style="font-size:10pt;"> </span></font></p> </td> </tr> </table>
<Br>
<table align="center" border="1" cellspacing="0" width="292" bordercolordark="white" bordercolorlight="#FF9933"> <tr>
<td width="964" bgcolor="#FF9933"> <p align="center"><font color="white"><span style="font-size:10pt;">-칼라테이블-오렌지버전-
</span></font></p> </td> </tr> <tr> <td width="964"> <p align="center"><font color="#FF9933"><span style="font-size:10pt;">
</span></font></p> <p align="center"><font color="#FF9933"><span style="font-size:10pt;">♡즐겨찾기에 추가해 놓으세욤♡
<br>♡구럼 온제든징 필요할때 오실 수 있져♡</span></font></p> <p align="center"><font color="#FF9933">
<span style="font-size:10pt;"> </span></font></p> </td> </tr> </table>
'인터넷정보' 카테고리의 다른 글
스크롤바를 좌측으로 꾸미기 (0) | 2007.10.16 |
---|---|
문서의 수정된 날짜 자동으로 표시하기 (0) | 2007.10.16 |
Textarea란? (0) | 2007.10.16 |
fieldset로 테이블 만들기 (0) | 2007.10.16 |
테이블 공지 멈춤 / 시작 기능 (0) | 2007.10.16 |
페이지 링크걸때 iframe이 아닌 다른 방법!!! (0) | 2007.10.16 |
마퀴 태그를 이용한 공지 소스 (0) | 2007.10.16 |
이쁜거 (0) | 2007.10.16 |
마퀴태그 응용 (0) | 2007.10.16 |
글씨 한 줄로 흩날리기 - 마퀴, marquee (0) | 2007.10.16 |
페이지 링크걸때 iframe이 아닌 다른 방법!!!
<object type="text/x-scriptlet" width=100% height="800" data="http://hacoo.tistory.com">
위 태그를 복사하셔서 태그 연습장에 넣어 보세요.
iframe과 같은 효과를 같죠....^^
수정할 부분은 가로 세로 크기와 URL만 하시면 되겠죠.
'인터넷정보' 카테고리의 다른 글
문서의 수정된 날짜 자동으로 표시하기 (0) | 2007.10.16 |
---|---|
Textarea란? (0) | 2007.10.16 |
fieldset로 테이블 만들기 (0) | 2007.10.16 |
테이블 공지 멈춤 / 시작 기능 (0) | 2007.10.16 |
칼라테이블 (0) | 2007.10.16 |
마퀴 태그를 이용한 공지 소스 (0) | 2007.10.16 |
이쁜거 (0) | 2007.10.16 |
마퀴태그 응용 (0) | 2007.10.16 |
글씨 한 줄로 흩날리기 - 마퀴, marquee (0) | 2007.10.16 |
배경음악 다른 곡으로 연속해서 듣기 - asx (0) | 2007.10.16 |
마퀴 태그를 이용한 공지 소스
공지로 이용하셔두 되구 다른거루 꾸며두 멋지겠죠. 테이블 컬러나 테두리 컬러도 잘 응용해 보세요. 테두리를 없애두 되구... 테이블 태그를 모르신다면 왼쪽 HTML 강좌에 테이블 태그를 참조하시구요. 자 소스 나갑니다.
<table align=center border="1" cellpadding="3" cellspacing="0" width="500" bgcolor="white"> <tr><td bgcolor=white><p> <marquee behavior=alternate><font size="2" color="navy"> <b>★ 이걸 이용해두 멋진 홈을 꾸밀 수 있겠는데요. ★</marquee></b></font></p> </td></tr></table> |
'인터넷정보' 카테고리의 다른 글
Textarea란? (0) | 2007.10.16 |
---|---|
fieldset로 테이블 만들기 (0) | 2007.10.16 |
테이블 공지 멈춤 / 시작 기능 (0) | 2007.10.16 |
칼라테이블 (0) | 2007.10.16 |
페이지 링크걸때 iframe이 아닌 다른 방법!!! (0) | 2007.10.16 |
이쁜거 (0) | 2007.10.16 |
마퀴태그 응용 (0) | 2007.10.16 |
글씨 한 줄로 흩날리기 - 마퀴, marquee (0) | 2007.10.16 |
배경음악 다른 곡으로 연속해서 듣기 - asx (0) | 2007.10.16 |
반 투명 테이블(은은한 분위기) (0) | 2007.10.16 |
바탕화면이 흰색일 경우 무지 이쁩니다.
소스 :
소스 :
'인터넷정보' 카테고리의 다른 글
fieldset로 테이블 만들기 (0) | 2007.10.16 |
---|---|
테이블 공지 멈춤 / 시작 기능 (0) | 2007.10.16 |
칼라테이블 (0) | 2007.10.16 |
페이지 링크걸때 iframe이 아닌 다른 방법!!! (0) | 2007.10.16 |
마퀴 태그를 이용한 공지 소스 (0) | 2007.10.16 |
마퀴태그 응용 (0) | 2007.10.16 |
글씨 한 줄로 흩날리기 - 마퀴, marquee (0) | 2007.10.16 |
배경음악 다른 곡으로 연속해서 듣기 - asx (0) | 2007.10.16 |
반 투명 테이블(은은한 분위기) (0) | 2007.10.16 |
초간단 타이핑 소스 (0) | 2007.10.16 |
<font size=7 face=굴림체 color=blue><marquee direction=right>☆★☆~소스천국~★☆★
<font color=ff00ff size=2 face=굴림체><marquee direction=left>▶▷▶태그피아~~^^*◁◀◁
</marquee></font></marquee></font>
'인터넷정보' 카테고리의 다른 글
테이블 공지 멈춤 / 시작 기능 (0) | 2007.10.16 |
---|---|
칼라테이블 (0) | 2007.10.16 |
페이지 링크걸때 iframe이 아닌 다른 방법!!! (0) | 2007.10.16 |
마퀴 태그를 이용한 공지 소스 (0) | 2007.10.16 |
이쁜거 (0) | 2007.10.16 |
글씨 한 줄로 흩날리기 - 마퀴, marquee (0) | 2007.10.16 |
배경음악 다른 곡으로 연속해서 듣기 - asx (0) | 2007.10.16 |
반 투명 테이블(은은한 분위기) (0) | 2007.10.16 |
초간단 타이핑 소스 (0) | 2007.10.16 |
텍스트 글자에 마우스 오버시 컬러가 변합니다. (0) | 2007.10.16 |
글씨 한 줄로 흩날리기 - 마퀴, marquee
조금만 기다려 보세요. 응용만 잘 하면 멋지게 사용할 수 있습니다. 꽤 쓸만한데요. 홈피나 까페 꾸미실때 응용하면 아주 멋진 홈이 되지안을까.... 소스 : <MARQUEE DIRECTION=RIGHT>☆하이 <MARQUEE DIRECTION=RIGHT>★하이 <MARQUEE DIRECTION=RIGHT>☆하이 <MARQUEE DIRECTION=RIGHT>★하이 <MARQUEE DIRECTION=RIGHT>☆ 하이★하이 <MARQUEE DIRECTION=RIGHT>☆하이 <MARQUEE DIRECTION=RIGHT>★하이 <MARQUEE DIRECTION=RIGHT>☆하이 <MARQUEE DIRECTION=RIGHT>★하이 <MARQUEE DIRECTION=RIGHT>☆ 하이 </MARQUEE> </MARQUEE></MARQUEE></MARQUEE> </MARQUEE></MARQUEE></MARQUEE> </MARQUEE></MARQUEE></MARQUEE> |
'인터넷정보' 카테고리의 다른 글
칼라테이블 (0) | 2007.10.16 |
---|---|
페이지 링크걸때 iframe이 아닌 다른 방법!!! (0) | 2007.10.16 |
마퀴 태그를 이용한 공지 소스 (0) | 2007.10.16 |
이쁜거 (0) | 2007.10.16 |
마퀴태그 응용 (0) | 2007.10.16 |
배경음악 다른 곡으로 연속해서 듣기 - asx (0) | 2007.10.16 |
반 투명 테이블(은은한 분위기) (0) | 2007.10.16 |
초간단 타이핑 소스 (0) | 2007.10.16 |
텍스트 글자에 마우스 오버시 컬러가 변합니다. (0) | 2007.10.16 |
확장자의 모든것 (0) | 2007.10.16 |
배경음악 다른 곡으로 연속해서 듣기 - asx
제 홈에서 찾아 보시면 이거 말구두 자바 스크립트를 이용해서 배경음악을
랜덤으로 듣는 방법이 있구요. 다른 방법은 아래 처럼 간단하게 cd나 테이프 처럼
들을 수 있습니다. 어케 하나면 그대루 따라하세요.
일단 배경음악으루 넣고 싶은 음악 파일 주소를 메모장에 아래처럼 넣으세요.
(스트리밍 서버에서 배경음악 찾기는 아래 게시판을 찾아보면 나와있습니다.)
mmst://hotvod.sbs.co.kr/music/ko/f7327.asf
mmst://hotvod.sbs.co.kr/music/ko/f7398.asf
mmst://hotvod.sbs.co.kr/music/ko/f7407.asf
mmst://hotvod.sbs.co.kr/music/ko/f7408.asf
mmst://hotvod.sbs.co.kr/music/ko/f7402.asf
mmst://hotvod.sbs.co.kr/music/ko/f7405.asf
mmst://hotvod.sbs.co.kr/music/ko/f7250.asf
위 소스를 메모장에 복사해서 넣으시거나 여러분이 찾아서 넣으신후
이름을 아무거나 알아볼 수 있게 정해서 확장자를 asx로 저장하세요.
예를 들면 이름을 music라고 정하면 music.asx하고 엔터하면 되겠죠.
그런 후 이걸 웹상에 업로드 시킵니다. 그 다음은 embed태그를 사용해야겠죠.
<embed src="업로드 시킨 주소/music.asx" autostart=true hidden=true>
위 태그 처럼 하신후 웹 페이지에 삽입하시면 됩니다. embed 속성은 왼쪽
HTML의 음악태그를 참조하세요. autostart는 로딩 되자마자 바로 시작할 것인지
아닌지를 결정하구요. hidden은 음악 조절판을 보일 것인가 말것인가를 설정합니다.
'인터넷정보' 카테고리의 다른 글
페이지 링크걸때 iframe이 아닌 다른 방법!!! (0) | 2007.10.16 |
---|---|
마퀴 태그를 이용한 공지 소스 (0) | 2007.10.16 |
이쁜거 (0) | 2007.10.16 |
마퀴태그 응용 (0) | 2007.10.16 |
글씨 한 줄로 흩날리기 - 마퀴, marquee (0) | 2007.10.16 |
반 투명 테이블(은은한 분위기) (0) | 2007.10.16 |
초간단 타이핑 소스 (0) | 2007.10.16 |
텍스트 글자에 마우스 오버시 컬러가 변합니다. (0) | 2007.10.16 |
확장자의 모든것 (0) | 2007.10.16 |
링크된 곳 주변 점선 없애주는 태그 (0) | 2007.10.16 |
반 투명 테이블(은은한 분위기)
http://oxtag.com/html/ex/clarity_table.html
|
|
배경그림이 테이블위로 비치는 반투명 테이블입니다.
은은한 분위기를 내고자 할 때 사용하면 좋겠죠.
일단 배경그림이 있는 전체문서에서 문서의 알맞은 곳에 위의 소스를 적용
시켜서 만들어도 이쁘구요. 혹은 위에서 보는 것처럼 일단 나모에서 표만들기
로 표를 한 개나 두 개정도 만든다음 각 '셀속성'으로 들어가서 배경삽입하는
곳에 바탕으로 깔고 싶은 배경이나 또는 이쁜 이미지를 삽입한 후 다시 그
테이블 안에 마우스 커서를 두고 위치를 표시해둔뒤,나모의 html 상태로 들어
가서 표시된 그 부분에 위의 테이블소스를 삽입해주시면 됩니다.
위의 소스도 각자 나름대로 변화시켜 적용해보세요.
색상도 바꾸고 테이블사이즈(width="150" height="120")와 글씨모양(size="2"
face="돋움")도 바꾸어보세요.
'Opacity=60' 라고 되어있는부분에서는 수치를 늘일수록 더 연해집니다.
또, border:1 solid 라고 되어있는 부분에서 'solid' 대신에 'dotted'를 넣으면
점선테두리가 생깁니다.
나름대로 더이쁘게 변화시켜보세요.
아래 소스를 보시고 수정해 보세요.
<table border="0">
<tr>
<td width="187" height="132" background="../img/rose.gif">
<p align="center"> <table width="120" height="70" style='background-color:#FFFFFF; filter: Alpha(Opacity=60);'>
<tr>
<td><p align="center"><font color="red" size="2" face="돋움">배경이 비치는<br>반투명 테이블</font>
</td></tr>
</table> </td>
<td width="26" height="132">
<p> </p>
</td>
<td width="187" height="132" background="../img/train.gif">
<p align="center"> <table width="120" height="70" style='background-color:#FFFFFF; border:1 dotted #63BEFC; filter: Alpha(Opacity=50);'>
<tr><td width="206"><p align="center"><font color="#572EFD" size="2" face="돋움">뒷
부분의 <br>배경
이미지가<br> 연하게 비치죠?</font>
</td></tr>
</table> </td>
</tr>
</table>
'인터넷정보' 카테고리의 다른 글
마퀴 태그를 이용한 공지 소스 (0) | 2007.10.16 |
---|---|
이쁜거 (0) | 2007.10.16 |
마퀴태그 응용 (0) | 2007.10.16 |
글씨 한 줄로 흩날리기 - 마퀴, marquee (0) | 2007.10.16 |
배경음악 다른 곡으로 연속해서 듣기 - asx (0) | 2007.10.16 |
초간단 타이핑 소스 (0) | 2007.10.16 |
텍스트 글자에 마우스 오버시 컬러가 변합니다. (0) | 2007.10.16 |
확장자의 모든것 (0) | 2007.10.16 |
링크된 곳 주변 점선 없애주는 태그 (0) | 2007.10.16 |
이미지 필터 효과 총 집합 (0) | 2007.10.16 |
초간단 타이핑 소스
기존의 타이핑 글자들은 스크립트를 사용하거나 클래스 파일을 사용하거나
그랬고 또, 소스도 무지 길었죠. 이건 마퀴태그를 이용한 초간단 타이핑 글자입니다.
단점은 두 줄 이상을 하실때 윗 줄과 같이 타이핑이 된다는 것입니다.
한 줄짜리 쓰실때 요긴하게 쓸 수 있는 소스입니다.
소스:
<MARQUEE DIRECTION=RIGHT><MARQUEE DIRECTION=LEFT>
여러분 안녕하세요. 태그피아에 오신걸 환영합니다. </marquee></MARQUEE>
'인터넷정보' 카테고리의 다른 글
이쁜거 (0) | 2007.10.16 |
---|---|
마퀴태그 응용 (0) | 2007.10.16 |
글씨 한 줄로 흩날리기 - 마퀴, marquee (0) | 2007.10.16 |
배경음악 다른 곡으로 연속해서 듣기 - asx (0) | 2007.10.16 |
반 투명 테이블(은은한 분위기) (0) | 2007.10.16 |
텍스트 글자에 마우스 오버시 컬러가 변합니다. (0) | 2007.10.16 |
확장자의 모든것 (0) | 2007.10.16 |
링크된 곳 주변 점선 없애주는 태그 (0) | 2007.10.16 |
이미지 필터 효과 총 집합 (0) | 2007.10.16 |
커서를 문장에 가져가면 배경 컬러가 바뀌는 소스 (0) | 2007.10.16 |
텍스트 글자에 마우스 오버시 컬러가 변합니다.
마우스를 가져오면 색깔이 변합니다. <Font color="teal" onMouseover="this.style.color='red'" onMouseout="this.style.color='teal'"> 마우스를 가져오면 색깔이 변합니다. </font> |
'인터넷정보' 카테고리의 다른 글
마퀴태그 응용 (0) | 2007.10.16 |
---|---|
글씨 한 줄로 흩날리기 - 마퀴, marquee (0) | 2007.10.16 |
배경음악 다른 곡으로 연속해서 듣기 - asx (0) | 2007.10.16 |
반 투명 테이블(은은한 분위기) (0) | 2007.10.16 |
초간단 타이핑 소스 (0) | 2007.10.16 |
확장자의 모든것 (0) | 2007.10.16 |
링크된 곳 주변 점선 없애주는 태그 (0) | 2007.10.16 |
이미지 필터 효과 총 집합 (0) | 2007.10.16 |
커서를 문장에 가져가면 배경 컬러가 바뀌는 소스 (0) | 2007.10.16 |
불어펜으로 쓴듯한 글씨 (0) | 2007.10.16 |
avi(Audio Video Interleave) mov, qt mpg,mpeg(Moving Picture Experts Group), dat ra, ram, rmm, rm asf(Advanced Streaming Format) smi mid,rmi kar wrk MS사와 IBM사가 만든 사운드 파일. 녹음기로 녹음하듯 아날로그 오디오를 녹음하여 디지털화한 것입니다. 윈도우에서 기본적으로 사용하는 포맷이며, 8비트, 16비트의 분해능과 초당 얼마만큼 세밀하게 디지털화하는지에 따라 22KHz, 44KHz로 나뉘고, 스테레오와 모노, 압축도 가능합니다. 윈도 98의 녹음기로 사운드 카드만 있으면 쉽게 WAV 파일을 녹음할 수 있고, 골드웨이브나 쿨에디트로 편집도 가능합니다. 녹음할 음질에 따라 용량이 다르지만 CD 수준의 음질로 녹음할 경우 1분에 10MB 정도의 용량을 차지합니다. mp3,mp2, mp1 m3u au(Audio)
mod(Modules) cda drw
gif(Graphics Interchange Format) jpg, jepg(Joint Picture Experts Group)
윈도, OS/2 환경에서 사용하는 그래픽 파일. BMP 파일은 흑백과 4비트, 8비트, 24비트의 포맷이 있으며, 각각 2색, 16색, 256색, 트루 컬러를 표현합니다. 초기 BMP 파일은 압축하지 않았으나 윈도 3.0 이후부터는 RLE(Run-Length Encoded)라는 방식으로 압축합니다. 하지만, 그리 압축률이 그리 좋지는 않습니다. 그렇기 때문에 대부분의 파일 용량이 큽니다. rle(Run Lenght Encoding) tga
cdr, cmx(Corel Presentation Exchange) lbm, cut, pcx dcx(Multiple Page Graphics PCX) png(potable network graphic)
emf(Enhanced Meta File) psd pcd(Kodak Photo CD) kdc
lwo(Lightwave) rib(Pixar RenderMan scene description file) sdl(Scene Description Language) stl(StereoLithography) 3ds(3D-Studio File Format) dwg dxf(Drawing Exchange Format) iges, igs ani(Animation) ans(American National Standard) ico cur(Cursor) pct/pict |
'인터넷정보' 카테고리의 다른 글
글씨 한 줄로 흩날리기 - 마퀴, marquee (0) | 2007.10.16 |
---|---|
배경음악 다른 곡으로 연속해서 듣기 - asx (0) | 2007.10.16 |
반 투명 테이블(은은한 분위기) (0) | 2007.10.16 |
초간단 타이핑 소스 (0) | 2007.10.16 |
텍스트 글자에 마우스 오버시 컬러가 변합니다. (0) | 2007.10.16 |
링크된 곳 주변 점선 없애주는 태그 (0) | 2007.10.16 |
이미지 필터 효과 총 집합 (0) | 2007.10.16 |
커서를 문장에 가져가면 배경 컬러가 바뀌는 소스 (0) | 2007.10.16 |
불어펜으로 쓴듯한 글씨 (0) | 2007.10.16 |
배경이미지 고정시키기 (0) | 2007.10.16 |
링크된 곳 주변 점선 없애주는 태그
일반 링크시 소스 적용시 위 링크를 클릭만하구 마우스에서 손을 떼지 마세요. 두개의 차이점을 비교해보세요. <a href="링크할 주소" onfocus="this.blur()">링크 이름</a> |
'인터넷정보' 카테고리의 다른 글
배경음악 다른 곡으로 연속해서 듣기 - asx (0) | 2007.10.16 |
---|---|
반 투명 테이블(은은한 분위기) (0) | 2007.10.16 |
초간단 타이핑 소스 (0) | 2007.10.16 |
텍스트 글자에 마우스 오버시 컬러가 변합니다. (0) | 2007.10.16 |
확장자의 모든것 (0) | 2007.10.16 |
이미지 필터 효과 총 집합 (0) | 2007.10.16 |
커서를 문장에 가져가면 배경 컬러가 바뀌는 소스 (0) | 2007.10.16 |
불어펜으로 쓴듯한 글씨 (0) | 2007.10.16 |
배경이미지 고정시키기 (0) | 2007.10.16 |
클릭하면 커지는 이미지 (0) | 2007.10.16 |
이미지 필터 효과 총 집합
<tr>
<td class="BoldWhite" align=center>
<img src="http://oxtag.com/html/img/model.jpg" id=img1>
</td>
<td class="BoldWhite" valign=top>
<br><br>
<form>
<select onchange="f.style.filter = value; img1.style.filter = value; hereText.innerText = value; ">
<option value=""> 원래대로
<option value="alpha(opacity=30)"> 투명하게
<option value="blur (strength=50, Direction=315)"> Motion Blur
<option value="Chroma(Color=lightgreen)"> 특정 색을 투명하게
<option value="DropShadow(Color=green, OffX=2, OffY=2, Positive=1)"> 드롭 섀도우
<option value="flipH"> 수평 거울
<option value="flipV"> 수직 거울
<option value="glow(Color=white, strength=2)"> 형광등
<option value="gray"> 흑백
<option value="invert"> 반전
<option value="Light"> 빛 투과
<option value="Mask(Color=green)"> 투명 마스크
<option value="Shadow(Color=green, Direction=315)"> 그림자
<option value="Wave(add=1, Freq=3, LightStrength=50, Phase=25, strength=50)"> 웨이브
<option value="Xray"> X레이
</select>
<br><br><br>
<br>
☞ <span id="hereText"></span><br><br>
<hr align=left width=150><br>
<div id="f" class="big"></div>
</form>
</td>
</tr>
</table>
'인터넷정보' 카테고리의 다른 글
반 투명 테이블(은은한 분위기) (0) | 2007.10.16 |
---|---|
초간단 타이핑 소스 (0) | 2007.10.16 |
텍스트 글자에 마우스 오버시 컬러가 변합니다. (0) | 2007.10.16 |
확장자의 모든것 (0) | 2007.10.16 |
링크된 곳 주변 점선 없애주는 태그 (0) | 2007.10.16 |
커서를 문장에 가져가면 배경 컬러가 바뀌는 소스 (0) | 2007.10.16 |
불어펜으로 쓴듯한 글씨 (0) | 2007.10.16 |
배경이미지 고정시키기 (0) | 2007.10.16 |
클릭하면 커지는 이미지 (0) | 2007.10.16 |
각종 커서 모양 (0) | 2007.10.16 |
커서를 문장에 가져가면 배경 컬러가 바뀌는 소스
'인터넷정보' 카테고리의 다른 글
초간단 타이핑 소스 (0) | 2007.10.16 |
---|---|
텍스트 글자에 마우스 오버시 컬러가 변합니다. (0) | 2007.10.16 |
확장자의 모든것 (0) | 2007.10.16 |
링크된 곳 주변 점선 없애주는 태그 (0) | 2007.10.16 |
이미지 필터 효과 총 집합 (0) | 2007.10.16 |
불어펜으로 쓴듯한 글씨 (0) | 2007.10.16 |
배경이미지 고정시키기 (0) | 2007.10.16 |
클릭하면 커지는 이미지 (0) | 2007.10.16 |
각종 커서 모양 (0) | 2007.10.16 |
인터넷 기본 페이지를 변경해주는 태그 (0) | 2007.10.16 |
불어펜으로 쓴듯한 글씨
불어펜으로 쓴듯한 글씨 <span style="width:100%; height: 20; font-size: 10pt; color: #FFFFFF; valign:bottom; Filter: glow(color=pink,strength:3); font-weight:none;">내용</span> |
'인터넷정보' 카테고리의 다른 글
텍스트 글자에 마우스 오버시 컬러가 변합니다. (0) | 2007.10.16 |
---|---|
확장자의 모든것 (0) | 2007.10.16 |
링크된 곳 주변 점선 없애주는 태그 (0) | 2007.10.16 |
이미지 필터 효과 총 집합 (0) | 2007.10.16 |
커서를 문장에 가져가면 배경 컬러가 바뀌는 소스 (0) | 2007.10.16 |
배경이미지 고정시키기 (0) | 2007.10.16 |
클릭하면 커지는 이미지 (0) | 2007.10.16 |
각종 커서 모양 (0) | 2007.10.16 |
인터넷 기본 페이지를 변경해주는 태그 (0) | 2007.10.16 |
페이지에 들어각고 나갈때 즐겨찾기 추가하는 소스 (0) | 2007.10.16 |
배경이미지 고정시키기
아주 간단합니다.
이미지파일경로 뒤에 bgproperties="fixed" 요것만
붙여주세요.~ ~ ~ ^---------^
이외의 자세한 태그를 알고 싶으시면 자주묻는 질문에 있을겁니다.
여기에 없으면 검색해보세요.
아래 처럼 넣으면 되겠죠.
<BODY BACKGROUND="이미지 경로" BGPROPERTIES="fixed">
'인터넷정보' 카테고리의 다른 글
확장자의 모든것 (0) | 2007.10.16 |
---|---|
링크된 곳 주변 점선 없애주는 태그 (0) | 2007.10.16 |
이미지 필터 효과 총 집합 (0) | 2007.10.16 |
커서를 문장에 가져가면 배경 컬러가 바뀌는 소스 (0) | 2007.10.16 |
불어펜으로 쓴듯한 글씨 (0) | 2007.10.16 |
클릭하면 커지는 이미지 (0) | 2007.10.16 |
각종 커서 모양 (0) | 2007.10.16 |
인터넷 기본 페이지를 변경해주는 태그 (0) | 2007.10.16 |
페이지에 들어각고 나갈때 즐겨찾기 추가하는 소스 (0) | 2007.10.16 |
문서에 들어가고 나갈때 인사말 창 (0) | 2007.10.16 |
클릭하면 커지는 이미지
<img src="이미지경로" width=클릭전가로길이 height=클릭전세로길이 onclick="this.width=클릭후가로길이;this.height=클릭후세로길이;" style="cursor:hand;">
'인터넷정보' 카테고리의 다른 글
링크된 곳 주변 점선 없애주는 태그 (0) | 2007.10.16 |
---|---|
이미지 필터 효과 총 집합 (0) | 2007.10.16 |
커서를 문장에 가져가면 배경 컬러가 바뀌는 소스 (0) | 2007.10.16 |
불어펜으로 쓴듯한 글씨 (0) | 2007.10.16 |
배경이미지 고정시키기 (0) | 2007.10.16 |
각종 커서 모양 (0) | 2007.10.16 |
인터넷 기본 페이지를 변경해주는 태그 (0) | 2007.10.16 |
페이지에 들어각고 나갈때 즐겨찾기 추가하는 소스 (0) | 2007.10.16 |
문서에 들어가고 나갈때 인사말 창 (0) | 2007.10.16 |
귀여운 창퍽 (0) | 2007.10.16 |
마우스를 대보세요. 마우스를 대보세요. 마우스를 대보세요. 마우스를 대보세요. CURSOR: crosshair cursor:default cursor:pointer cursor:hand cursor:help cursor:auto cursor:move cursor:e-resize cursor:ne-resize cursor:nw-resize cursor:n-resize cursor:se-resize cursor:sw-resize cursor:s-resize cursor:w-resize cursor:wait
<font style="cursor:n-resize" >마우스를 대보세요.</font>
<font style="cursor:e-resize" >마우스를 대보세요.</font>
<font style="cursor:s-resize" >마우스를 대보세요.</font>
<font style="cursor:w-resize" >마우스를 대보세요.</font>
<font style=font-family:;CURSOR:crosshair>CURSOR: crosshair</font>
<font style=font-family:;cursor:default>cursor:default</font>
<font style=font-family:;cursor:pointer>cursor:pointer</font>
<font style=font-family:;cursor:hand>cursor:hand</font>
<font style=font-family:;cursor:help>cursor:help</font>
<font style=font-family:;cursor:auto>cursor:auto</font>
<font style=font-family:;cursor:move>cursor:move</font>
<font style=font-family:;cursor:e-resize>cursor:e-resize</font>
<font style=font-family:;cursor:ne-resize>cursor:ne-resize</font>
<font style=font-family:;cursor:nw-resize>cursor:nw-resize</font>
<font style=font-family:;cursor:n-resize>cursor:n-resize</font>
<font style=font-family:;cursor:se-resize>cursor:se-resize</font>
<font style=font-family:;cursor:sw-resize>cursor:sw-resize</font>
<font style=font-family:;cursor:s-resize>cursor:s-resize</font>
<font style=font-family:;cursor:w-resize>cursor:w-resize</font>
<font style=font-family:;cursor:wait>cursor:wait</font>
'인터넷정보' 카테고리의 다른 글
이미지 필터 효과 총 집합 (0) | 2007.10.16 |
---|---|
커서를 문장에 가져가면 배경 컬러가 바뀌는 소스 (0) | 2007.10.16 |
불어펜으로 쓴듯한 글씨 (0) | 2007.10.16 |
배경이미지 고정시키기 (0) | 2007.10.16 |
클릭하면 커지는 이미지 (0) | 2007.10.16 |
인터넷 기본 페이지를 변경해주는 태그 (0) | 2007.10.16 |
페이지에 들어각고 나갈때 즐겨찾기 추가하는 소스 (0) | 2007.10.16 |
문서에 들어가고 나갈때 인사말 창 (0) | 2007.10.16 |
귀여운 창퍽 (0) | 2007.10.16 |
마우스 오버시 이미지가 흑백으로 변하는 태그 (0) | 2007.10.16 |
인터넷 기본 페이지를 변경해주는 태그
아래 소스를 여러분의 홈피 주소로 바꿔주시면 됩니다. 위를 클릭해보세요. <a style="cursor:hand" HREF onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://naver.com');">클릭하세요!</a> |
'인터넷정보' 카테고리의 다른 글
커서를 문장에 가져가면 배경 컬러가 바뀌는 소스 (0) | 2007.10.16 |
---|---|
불어펜으로 쓴듯한 글씨 (0) | 2007.10.16 |
배경이미지 고정시키기 (0) | 2007.10.16 |
클릭하면 커지는 이미지 (0) | 2007.10.16 |
각종 커서 모양 (0) | 2007.10.16 |
페이지에 들어각고 나갈때 즐겨찾기 추가하는 소스 (0) | 2007.10.16 |
문서에 들어가고 나갈때 인사말 창 (0) | 2007.10.16 |
귀여운 창퍽 (0) | 2007.10.16 |
마우스 오버시 이미지가 흑백으로 변하는 태그 (0) | 2007.10.16 |
마우스 오버시 글자 테두리 배경 컬러가 변하는 태그 (0) | 2007.10.16 |
페이지에 들어각고 나갈때 즐겨찾기 추가하는 소스
아래 태그는 헤드에 넣으세요.
<SCRIPT language="javascript">
function bookmark(){
window.external.AddFavorite('http://naver.com', '네이버')
}
</SCRIPT>
<body onload="bookmark()"> : 페이지를 열 때 창이 뜨도록 할때
<body onunload="bookmark()"> : 페이지를 닫을때 창이 뜨도록 할때
<a href="#None" onClick="javascript:bookmark()">즐겨찾기 추가</a>
'인터넷정보' 카테고리의 다른 글
불어펜으로 쓴듯한 글씨 (0) | 2007.10.16 |
---|---|
배경이미지 고정시키기 (0) | 2007.10.16 |
클릭하면 커지는 이미지 (0) | 2007.10.16 |
각종 커서 모양 (0) | 2007.10.16 |
인터넷 기본 페이지를 변경해주는 태그 (0) | 2007.10.16 |
문서에 들어가고 나갈때 인사말 창 (0) | 2007.10.16 |
귀여운 창퍽 (0) | 2007.10.16 |
마우스 오버시 이미지가 흑백으로 변하는 태그 (0) | 2007.10.16 |
마우스 오버시 글자 테두리 배경 컬러가 변하는 태그 (0) | 2007.10.16 |
마우스 오버시 테이블 컬러가 변하는 태그 (0) | 2007.10.16 |
문서에 들어가고 나갈때 인사말 창
<body onload="alert('어서오세요')" onunload="alert('안녕히 계세요')">
'인터넷정보' 카테고리의 다른 글
배경이미지 고정시키기 (0) | 2007.10.16 |
---|---|
클릭하면 커지는 이미지 (0) | 2007.10.16 |
각종 커서 모양 (0) | 2007.10.16 |
인터넷 기본 페이지를 변경해주는 태그 (0) | 2007.10.16 |
페이지에 들어각고 나갈때 즐겨찾기 추가하는 소스 (0) | 2007.10.16 |
귀여운 창퍽 (0) | 2007.10.16 |
마우스 오버시 이미지가 흑백으로 변하는 태그 (0) | 2007.10.16 |
마우스 오버시 글자 테두리 배경 컬러가 변하는 태그 (0) | 2007.10.16 |
마우스 오버시 테이블 컬러가 변하는 태그 (0) | 2007.10.16 |
클릭하면 예쁜 꽃과 낙엽들이...... (0) | 2007.10.16 |
수치를 낮게 잡아줘서 괜찮지만 수치만 높여주면 브라우저를 다운시키고 맛이가게 할수도 있는 무서운 창퍽입니다. 퍽에 대해서 더 알고 싶으신 분은 Html 강좌 대화방태그로 가보시기 바랍니다. |
<HTML>
<HEAD>
<title></title>
<SCRIPT>
// VARIABLES GLOBALES
a=275;
b=275;
r=50;
x=1;
window.resizeTo(75,100);
function rotatebbjects(r) {
for (var i = 0; i <360; i++) {
x = (r * Math.cos((i * Math.PI)/180)) + a;
y = (r * Math.sin((i * Math.PI)/180)) + b;
window.moveTo(x,y);
} //fin for
} //fin funcion
// while (r<=100) {
for (r=60;r<=100;r+=1){
rotateTimer = setTimeout("rotatebbjects(r)", 100);
// r+= 10;
} //fin while
</script>
</HEAD>
<BODY onLoad="rotatebbjects(r)">
</body>
</html>
'인터넷정보' 카테고리의 다른 글
클릭하면 커지는 이미지 (0) | 2007.10.16 |
---|---|
각종 커서 모양 (0) | 2007.10.16 |
인터넷 기본 페이지를 변경해주는 태그 (0) | 2007.10.16 |
페이지에 들어각고 나갈때 즐겨찾기 추가하는 소스 (0) | 2007.10.16 |
문서에 들어가고 나갈때 인사말 창 (0) | 2007.10.16 |
마우스 오버시 이미지가 흑백으로 변하는 태그 (0) | 2007.10.16 |
마우스 오버시 글자 테두리 배경 컬러가 변하는 태그 (0) | 2007.10.16 |
마우스 오버시 테이블 컬러가 변하는 태그 (0) | 2007.10.16 |
클릭하면 예쁜 꽃과 낙엽들이...... (0) | 2007.10.16 |
이쁜 공지창 (0) | 2007.10.16 |
마우스 오버시 이미지가 흑백으로 변하는 태그
자세한 설명은 안해도 되겠죠. 필터태그에 대해 더 알고 싶으신 분은 Html 강좌 필터태그에 가보시길 바랍니다.
<IMG ondblclick=window.open(this.src) onmouseover="this.style.filter='gray'" style="FILTER: ; CURSOR: hand" onmouseout="this.style.filter=''" src="http://oxtag.com/html/img/model.jpg">
'인터넷정보' 카테고리의 다른 글
각종 커서 모양 (0) | 2007.10.16 |
---|---|
인터넷 기본 페이지를 변경해주는 태그 (0) | 2007.10.16 |
페이지에 들어각고 나갈때 즐겨찾기 추가하는 소스 (0) | 2007.10.16 |
문서에 들어가고 나갈때 인사말 창 (0) | 2007.10.16 |
귀여운 창퍽 (0) | 2007.10.16 |
마우스 오버시 글자 테두리 배경 컬러가 변하는 태그 (0) | 2007.10.16 |
마우스 오버시 테이블 컬러가 변하는 태그 (0) | 2007.10.16 |
클릭하면 예쁜 꽃과 낙엽들이...... (0) | 2007.10.16 |
이쁜 공지창 (0) | 2007.10.16 |
새로고침 / 뒤로가기 / 앞으로가기 (0) | 2007.10.16 |
마우스 오버시 글자 테두리 배경 컬러가 변하는 태그
여기에 마우스를 가져와 봐요 <font style="background-color:'red'" onMouseOver="this.style.backgroundColor='green'" onMouseOut="this.style.backgroundColor='blue'">여기에 마우스를 가져와 봐요</font> |
'인터넷정보' 카테고리의 다른 글
인터넷 기본 페이지를 변경해주는 태그 (0) | 2007.10.16 |
---|---|
페이지에 들어각고 나갈때 즐겨찾기 추가하는 소스 (0) | 2007.10.16 |
문서에 들어가고 나갈때 인사말 창 (0) | 2007.10.16 |
귀여운 창퍽 (0) | 2007.10.16 |
마우스 오버시 이미지가 흑백으로 변하는 태그 (0) | 2007.10.16 |
마우스 오버시 테이블 컬러가 변하는 태그 (0) | 2007.10.16 |
클릭하면 예쁜 꽃과 낙엽들이...... (0) | 2007.10.16 |
이쁜 공지창 (0) | 2007.10.16 |
새로고침 / 뒤로가기 / 앞으로가기 (0) | 2007.10.16 |
문서에 테두리 두르기 (0) | 2007.10.16 |
마우스 오버시 테이블 컬러가 변하는 태그
여기에 마우스를 올려봐요 |
<table border="1" width="300" height="30"><tr>
<td bgcolor="red" onmouseover="this.style.background='pink'" onmouseout="this.style.background='skyblue'">
여기에 마우스를 올려봐요
</td></tr></table>
소스 설명 : bgcolor="red" 는 마우스를 올리기전의 원래 배경색이구요. onmouseover=.....='pink'"는 말 그대로 마우스를 올렸을때 배경색입니다. onmouseout=.......='skyblue'"는 마우스가 테이블을 벗어 났을때의 배경색입니다. 메인화면의 플래시 보드 밑에하고 지금 화면의 상단의 것과 같습니다
'인터넷정보' 카테고리의 다른 글
페이지에 들어각고 나갈때 즐겨찾기 추가하는 소스 (0) | 2007.10.16 |
---|---|
문서에 들어가고 나갈때 인사말 창 (0) | 2007.10.16 |
귀여운 창퍽 (0) | 2007.10.16 |
마우스 오버시 이미지가 흑백으로 변하는 태그 (0) | 2007.10.16 |
마우스 오버시 글자 테두리 배경 컬러가 변하는 태그 (0) | 2007.10.16 |
클릭하면 예쁜 꽃과 낙엽들이...... (0) | 2007.10.16 |
이쁜 공지창 (0) | 2007.10.16 |
새로고침 / 뒤로가기 / 앞으로가기 (0) | 2007.10.16 |
문서에 테두리 두르기 (0) | 2007.10.16 |
이쁜 공지창(fieldset) (0) | 2007.10.16 |