본문 바로가기

정보창고/블로그 정보

HTML-글자에 Wave주기

[글자] 출렁이는 효과 주기
글자에 효과를 부여합니다. 데모를 눌러 확인하세요



Script Example
<script>
var fs=1
var direction="right"
function rollertext(whichone){
var thetext=whichone
for (i=0;i<thetext.length;i++){
document.write(thetext.charAt(i).fontsize(fs))
if (fs<7&&direction=="right")
fs++
else if (fs==7){
direction="left"
fs--
}
else if (fs==1){
direction="right"
fs++
}
else if (fs>1&&direction=="left")
fs--
}
}
rollertext("안녕하세요 홈제작바이블입니다.감사합니다.")
</script>


스크립트는 body 태그 안 원하는 위치에 삽입하시고 출력되는 내용은 빨간색 부분에서 수정하세요

'정보창고 > 블로그 정보' 카테고리의 다른 글

HTML-색상차트  (0) 2012.02.09
HTML-(Cookie)-개인용 카운터  (0) 2012.02.09
HTML-글자에 네온효과  (0) 2012.02.09
HTML-Text 에어리어에 글자 타이핑  (0) 2012.02.09
HTML-상태바에 메세지 출력  (0) 2012.02.09