웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
둥그렇게 말리는 듯한 느낌의 공지소스..
2006.04.15 13:59
<!--1. 아래의 스크립트를 <HEAD></HEAD>사이에 복사해 넣으세요-->
<style type="text/css">
.redirstyle {
position:absolute;
left:200px;
top:176px;
font-family:Arial;
font-size:9pt;
color:FFFFFF;
}
A {
color:FFFFFF;
}
A:Hover {
color:FFFFFF;
font-weight:bold;
}
.textstyle {
position:absolute;
left:-2000px;
width:110px;
height:auto;
font-family:Arial;
font-size:9pt;
text-align:center;
color:FFFFFF;
}
.coverstyle {
position:absolute;
left:-2000px;
width:140px;
height:180px;
background-color:black;
filter:alpha(opacity=0,finishopacity=100,style=2,startX=0px,startY=0px,finishX=120px,finishY=160px);
}
</STYLE>
<SCRIPT LANGUAGE="JavaScript">
var covertop=10
var coverleft=10
var coverwidth=140
var coverheight=180
var texttop=covertop
var textleft=coverleft+15
var textwidth=coverwidth-20
var textheight=500
var cliptop=texttop
var clipright=textwidth
var clipbottom=coverheight
var clipleft=0
var clippoints
var step=2
var pause=50
var timer
function init() {
if (document.all) {
document.all.text.style.posTop=texttop
document.all.text.style.posLeft=textleft
document.all.cover.style.posTop=covertop
document.all.cover.style.posLeft=coverleft
scrolltext()
}
}
function scrolltext() {
if (document.all.text.style.posTop > (covertop-textheight)) {
cliptop+=step
clipbottom+=step
clippoints="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
document.all.text.style.clip=clippoints
document.all.text.style.posTop-=step
}
else {
document.all.text.style.posTop=texttop
cliptop=covertop
clipbottom=coverheight
}
timer= setTimeout("scrolltext()",pause)
}
// - End of JavaScript - -->
</SCRIPT>
</HEAD>
<!--2. <BODY> 태그내에 onload="" 혹은 onunload 부분이 있으면 복사해 넣으세요-->
<BODY bgcolor=black onLoad="init()">
<!--3. <BODY></BODY> 부분에 아래의 스크립트를 복사해 넣으세요-->
<DIV ID="text" class="textstyle"><br><br><br><br><br><br><br><br><br><br><br><br>저희 (주)INTERIOR DESIGN BANK는 기존 학교나 사설교육기관등에서 부족했던 실무교육을 중심으로 차별화된 교육시스템 안에서 최상의 교육성과를 얻을 수 있도록 교육과정을 편성 진행하고 있습니다.
3D 교육시스템을 기반으로 온라인과 오프라인의 통합 보안적인 교육을 진행하고 있으며 전문화된 국내 최고의 실무강사진의 편성으로 더욱더 실무에 가까운 교육을 진행하고 있습니다.</DIV>
<DIV ID="cover" class="coverstyle"></DIV>
</BODY>
</HTML>
<style type="text/css">
.redirstyle {
position:absolute;
left:200px;
top:176px;
font-family:Arial;
font-size:9pt;
color:FFFFFF;
}
A {
color:FFFFFF;
}
A:Hover {
color:FFFFFF;
font-weight:bold;
}
.textstyle {
position:absolute;
left:-2000px;
width:110px;
height:auto;
font-family:Arial;
font-size:9pt;
text-align:center;
color:FFFFFF;
}
.coverstyle {
position:absolute;
left:-2000px;
width:140px;
height:180px;
background-color:black;
filter:alpha(opacity=0,finishopacity=100,style=2,startX=0px,startY=0px,finishX=120px,finishY=160px);
}
</STYLE>
<SCRIPT LANGUAGE="JavaScript">
var covertop=10
var coverleft=10
var coverwidth=140
var coverheight=180
var texttop=covertop
var textleft=coverleft+15
var textwidth=coverwidth-20
var textheight=500
var cliptop=texttop
var clipright=textwidth
var clipbottom=coverheight
var clipleft=0
var clippoints
var step=2
var pause=50
var timer
function init() {
if (document.all) {
document.all.text.style.posTop=texttop
document.all.text.style.posLeft=textleft
document.all.cover.style.posTop=covertop
document.all.cover.style.posLeft=coverleft
scrolltext()
}
}
function scrolltext() {
if (document.all.text.style.posTop > (covertop-textheight)) {
cliptop+=step
clipbottom+=step
clippoints="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
document.all.text.style.clip=clippoints
document.all.text.style.posTop-=step
}
else {
document.all.text.style.posTop=texttop
cliptop=covertop
clipbottom=coverheight
}
timer= setTimeout("scrolltext()",pause)
}
// - End of JavaScript - -->
</SCRIPT>
</HEAD>
<!--2. <BODY> 태그내에 onload="" 혹은 onunload 부분이 있으면 복사해 넣으세요-->
<BODY bgcolor=black onLoad="init()">
<!--3. <BODY></BODY> 부분에 아래의 스크립트를 복사해 넣으세요-->
<DIV ID="text" class="textstyle"><br><br><br><br><br><br><br><br><br><br><br><br>저희 (주)INTERIOR DESIGN BANK는 기존 학교나 사설교육기관등에서 부족했던 실무교육을 중심으로 차별화된 교육시스템 안에서 최상의 교육성과를 얻을 수 있도록 교육과정을 편성 진행하고 있습니다.
3D 교육시스템을 기반으로 온라인과 오프라인의 통합 보안적인 교육을 진행하고 있으며 전문화된 국내 최고의 실무강사진의 편성으로 더욱더 실무에 가까운 교육을 진행하고 있습니다.</DIV>
<DIV ID="cover" class="coverstyle"></DIV>
</BODY>
</HTML>
댓글 0
제목 | 글쓴이 | 날짜 |
---|---|---|
[동영상강좌] 제20회차 - 다중 if문 | 아이티스터디 | 2006.02.02 |
firefox에서 location.href안 먹힐 때 해결법 [1] | 꿀벙이 | 2006.02.24 |
게임상의 캐릭터와 대화하는 것 같이 보이기(?) [4] | 세강 :D | 2006.02.24 |
두가지 색으로 깜박거리는 텍스트 | keymove | 2006.03.17 |
3D 메세지 나타나기... | 왜,그러지 | 2006.04.05 |
텍스트 위에 네온 빛이 이동하는 효과.. | 왜,그러지 | 2006.04.05 |
마우스 따라다니는 아날로그 시계 [1] | 왜,그러지 | 2006.04.05 |
DHTML 계산기 | 왜,그러지 | 2006.04.05 |
마우스 따라다니 면서 원형을 그리면서 돌아가는것... | 왜,그러지 | 2006.04.07 |
홈페이지 TOP 버튼 만들어 보기 [7] | 인테리어뱅크 | 2006.04.10 |
드래그금지 태그 풀어보기 [2] | 인테리어뱅크 | 2006.04.10 |
페이지를 풀창으로 띄우는 방법 [1] | 인테리어뱅크 | 2006.04.11 |
[동영상] 제1강 자바 스크립트의 기본 개념 | 인테리어뱅크 | 2006.04.11 |
[동영상] 제2강 연산자 [1] | 인테리어뱅크 | 2006.04.11 |
트렌지션 테이블. | java | 2006.04.15 |
텍스트 색상이 플래시처럼 바뀌는 소스. | java | 2006.04.15 |
둥그렇게 말리는 듯한 느낌의 공지소스.. | java | 2006.04.15 |
Textarea안에서의 타이핑되는 텍스트! | java | 2006.04.15 |
스크롤되다가 마우스를 가져가면 멈추는 광고판 [2] | java | 2006.04.22 |
스크롤바 색상 제너레이터 [1] | java | 2006.04.22 |