html ソース（↓）
<div style=" position:fixed; top:380px ; left:1170px ; width:100px ; height:300px ; background:#transparent "> リンク & 画像のアドレス</div>
上のソースを<HEAD></HEAD>の間に入れる。
上下ボタン適用ソース
<div style=" position:fixed; top:380px; left:1170px; width:100px; height:300px; background:#transparent">
<a href="#top"><img src="./images/top.png"></a>
<br>
<a href="#down"><img src="./images/down.png"></a>
</div>
위같은 상단 하단 으로 페이지 이동시 주위하실점은 TOP,DOWN 버튼이 움직일수있게 이동할 부분에 이름을 정해줘야합니다
<a name="top"></a>
TOP 버튼이 움직일수있게 위 소스를 <HEAD></HEAD> 사이에넣어주세요
<a name="down"></a>
DOWN 버튼이 움직일수있게 위 소스를 </BODY></HTML> 사이에넣어주세요
ソースの説明 left:1000px
화면에서 보여질 박스(이미지 위치할부분)화면 좌측 에서부터 거리
top:200px
화면에서 보여질 박스(이미지 위치할부분)화면 상단 에서부터 거리
width:100px
박스 가로 크기
height:300px
박스 세로 크기
background:#transparent
박스 바탕 색입니다 저같은 경우 바탕 색이 필요없어서 투명으로 했습니다 ( :#transparent 투명소스값)
링크 및 이미지 주소
공지 처럼 텍스트만 넣어주실수도있고 이미지와 이미지에 링크까지 걸수있습니다
아래 소스 보시고 수정하시면 됩니다.
<a title=" 마우스오버시 설명 " href=" 링크될주소 "><img src=" 이미지주소 "></a>
출처:
http://www.revu.co.kr/BlogReview/901678B5-832E-42B3-ADE5-B350230D95AC |
