본문 바로가기

팁! 이것만 알고가자/HTML_JAVASCRIPT

[HTML] 간단한 팁


[html] 스크롤바 없애기
body style="overflow-x:hidden"

[html] 간단한 이미지 롤오버
a href=# onmouseover="document.images['but1'].src='image/but_01b.gif'" onmouseout="document.images['but1'].src='image/but_01a.gif'"><img name=but1.....

[HTML]onfocus='this.blur()' 한번에걸기
onfocus='this.blur()'

링크를 걸은 이미지를 클릭할시,
점선모양의 테두리가 생기는데 깔끔한 링크를 만들기 위해서,
그걸 없앨때 <a onfocus=this.blur();> 이런식으로 속성을 붙여주죠.
그러나 한 페이지에 a태그가 엄청많을땐 다 붙여주기 귀찮죠.

그때 이 소스를 head안에 넣으시면...
모든 A태그나 IMG태그에 onfocus=this.blur();를 다 붙인 효과가 납니다.

------------------------ 소스 ------------------------
<script language='JavaScript'>
function bluring(){
if(event.srcElement.tagName=="A"||event.srcElement.tagName=="IMG") document.body.focus();
}
document.onfocusin=bluring;
</script>

[HTML]파비콘 링크걸기
1. 익스 5.0이상버전에서 보임
2. 사이즈 16*16 사이즈 제작
3. 절대경로사용
4.<head> 사이에 입력한다<link rel="shortcut icon"  href="절대경로주소">

[HTML]그라데이션주기
style="filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FF99CCFF', EndColorStr='#FF000000');"
이거고요... GradienTytpe이 0이면 세로, 1이면 가로로 그라데이션 됩니다.
StartColorStr과 EndColorStr은 처음 두자리가 불투명도이고요... 나머지 여섯자리는 RGB입니다.





<table style"filter=progid:DXImageTransform.Microsoft.Gradient(GradientType=<SPAN class=font-color2>0</SPAN>, StartColorStr=시작색깔, EndColorStr=끝날색깔)">
  <tr>
    <td>내용</td>
  </tr>
</table>

전체에 넣을경우
<body style"filter=progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=시작색깔, EndColorStr=끝날색깔)">