336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.
1. HTML
<embed src="파일명" width="600" height="500" alt="pdf" pluginspage="http://www.adobe.com/products/acrobat/readstep2.html">
2.
<style>
#overlay_t { background-color: #000; bottom: 0; left: 0; opacity: 0.5; filter: alpha(opacity = 50); /* IE7 & 8 */ position: fixed; right: 0; top: 0; z-index: 99; display:none;}
#popup_layer { width:400px; margin-bottom:30px; background:#fff; border:solid 1px #ccc; position:absolute; top:260px; left:50%; margin-left:-200px; box-shadow: 0px 1px 20px #333; z-index:100; display:none;}
</style>
3. script
$(document).ready(function(){
$('#popup_layer, #overlay_t').show();
$('#overlay_t, .close').click(function(e){
e.preventDefault();
$('#popup_layer, #overlay_t').hide();
});
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.
안녕하세요 이번엔 JAVASCRIPT CSS처리하는 방법을 시작할꼐요.
처음엔 내용이 보여지고 안보여지고 하는 것을 처리할께요.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19 |
<meta charset="utf-8"/>
<html>
<head>
<title>JDK의 블로그</title>
<script language="javascript">
//버튼클릭시 javascript 호출합니다.
function javascript(){
if(document.getElementById("testDiv").style.display == "none") //안보여지는지 확인
document.getElementById("testDiv").style.display = ""; //안보여지면 보이게
else
document.getElementById("testDiv").style.display = "none"; //보여지면 안보이게
}
</script>
</head>
<body>
<input type='button' onclick='javascript()' value='버튼'/>
<div name='testDiv' id='testDiv'>text</div>
</body>
</html>
|
cs |
결과는 이렇게 나오는데요. 버튼을 눌르면 사라지고 다시 눌르면 나타납니다.
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.
1. 직접 코드에 style로 넣기
EX) <span style="color:red">테스트</span>
2. 같은 파일 상단에 style넣기
EX) <style type="text/css">
ID기준으로 적용
#d{
color:blue
}
태그기준으로 적용
span{
color:red
}
</style>
3. 다른파일로 만들어서 link이용하기
<link rel="stylesheet" type="text/css" href="./cssfile/file.css">
2,3 번의 사용예제
<div id="d">div</div>
<span>span></span>
css사용법에 대해서 설명해드렸습니다.