rss
마루짱의 국내여행 사진블로그

[자바스크립트] 하단 위치 고정 배너

블로그 Tip 2009. 1. 23. 02:36

[자바스크립트] 하단 위치 고정 배너

 

<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>

,
마루짱의 국내여행 사진블로그국내여행, 축제, 행사, 맛집, 여행, 사진 출사지 수록

티스토리툴바