[자바스크립트] 하단 위치 고정 배너
<script type="text/javascript">
if(typeof document.compatMode!='undefined'&&document.compatMode!='BackCompat'){
cot_t1_DOCtp="_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);}";
}else{
cot_t1_DOCtp="_top:expression(document.body.scrollTop+document.body.clientHeight-this.clientHeight);_left:expression(document.body.scrollLeft + document.body.clientWidth - offsetWidth);}";
}
var cot_tl_bodyCSS='* html {background:url(빈 이미지 blank.gif) fixed;background-repeat: repeat;background-position: right bottom;}';
var cot_tl_fixedCSS='#cot_tl_fixed{position:fixed;';
var cot_tl_fixedCSS=cot_tl_fixedCSS+'_position:absolute;';
var cot_tl_fixedCSS=cot_tl_fixedCSS+'z-index:1;';
var cot_tl_fixedCSS=cot_tl_fixedCSS+'width:100%;';
var cot_tl_fixedCSS=cot_tl_fixedCSS+'text-align:center;';
var cot_tl_fixedCSS=cot_tl_fixedCSS+'bottom:0px;';
var cot_tl_fixedCSS=cot_tl_fixedCSS+'right:0px;';
var cot_tl_fixedCSS=cot_tl_fixedCSS+'clip:rect(0 100% 100% 0);';
var cot_tl_fixedCSS=cot_tl_fixedCSS+cot_t1_DOCtp;
document.write('<style type="text/css">'+cot_tl_bodyCSS+cot_tl_fixedCSS+'</style>');
</script>
<div id="cot_tl_fixed">
이곳에 내용을 넣습니다.
</div> |
CSS로 만들기
|
#quickLink {
position:fixed;
_position:absolute;
z-index:1;
width:100%;
text-align:center;
bottom:20px;
right:20px;
} |
|
#quickLink {
position:fixed;
_position:relative;
z-index:1;
width:100%;
text-align:center;
bottom:20px;
right:20px;
} |
[자바스크립트] 이동하는 글자, 흐르는 글자 만들기
<marquee direction="left" height="200"scrollamount="2"> 좌로 글이 움지긴다.</marquee>
<marquee direction="right" height="200" scrollamount="3"> 우로 글이움지긴다.</marquee>
<marquee direction="down" height="200"scro11amount="4"> 아래로글이움지긴다.</marquee>
<msrquee behavior="alternate" height="400" scrollamount="3">왕복으로움지긴다.</marquee>
<marquee direction="up" height="200" scrollamount="1"> 위로 글이올라간다.</marquee>
