강의 컨설팅 트레이닝 무료진단 무료책자 마케팅편지 마케팅정보공유 다이어리 서비스제휴 고객센터

<HTML TIP> 스크롤바, 링크주변 점선 제거, IFrame속성..
작성자 : 99 단국강토
등록날짜 : 2009.02.03 10:38
3,030

1. 링크 주변의 점선 테두리 없애기
  onfocus='this.blur()'
  <a href="big_img.htm" onfocus='this.blur()"><img src="img1.gif"></a>
 
2. 고스트 스크롤바를 없애려면
  <body scroll="auto">
 
3. 가로 스크롤바가 생기지 않게 하려면
  <style type="text/css">
  body {overflow-x : hidden}
  </style>
 
4. 세로 스크롤바가 생기지 않게하려면
  <style type="text/css">
  body {overflow-y : hidden}
  </style>
 
5. 스크롤바를 투명하게
  <style type="text/css" >
  BODY
  { scrollbar-face-color: #ffffff; scrollbar-shadow-color: #F7F7F7;
  scrollbar-highlight-color: #ffffff; scrollbar-3dlight-color: #F7F7F7;
  scrollbar-darkshadow-color: #ffffff; scrollbar-track-color: #ffffff;
  scrollbar-arrow-color: #ffffff}
  < /style>
 
5. iframe 사용법
  <iframe src="/path/jspName.jsp" name="bodyFrame" width="835" height="295"  frameborder=0 marginwidth=0 marginheight=0 scrolling=auto ></iframe>
  iframe 접근은 document.bodyFrame.document.FormName
 
6. 파일객체의 찾아보기 버튼을 이미지로
  <form name="bodyForm">
   <input type="file" name="fl" style="display:none">
   <input type="text" name="fileName"><img src="fileSearch.gif" onclick="document.bodyForm.fl.click()">
  </form> 
 
7. SELECT 요소에 많은 OPTION을 추가하려면 innerHTML을 사용, 성능에서 우수함.
 
  객체아이디.innerHTML = "";                      
  var arr = new Array(1000);                 
  for (var i=0; i<1000; i++)                 
  {                                          
   arr[i] = "<OPTION>Item " + i + "</OPTION>";
  }                                          
  객체아이디.innerHTML = "<SELECT ID='selUpdate'>" + arr.join() + "</SELECT>";

 

8. 두개의 프레임의 페이지를 변경
function twoFrameChange( headFrame, bodyFrame ){
headFrame.location.href = headFrame;
bodyFrame.location.href = bodyFrame;
}
9. Body 바디관련
ㅡ기본 속성
<body background='' bgcolor='' text='' link='' vlink='' alink='' leftmargin='' topmargin=''>

ㅡ마우스 오른쪽키 막기
<Body oncontextmenu="return false">

ㅡ배경이미지 고정
<body BACKGROUND="배경 이미지주소" BGPROPERTIES="fixed">

margin=해당공백 없이 본문을 위치시키는 옵션이다. (marginheight와 marginwidth는 table, frame에만 쓰인다.)
bgcolor : 문서의 바탕 칼라를 지정한다..
background : 칼라대신 이미지를 지정한다...
text : 텍스트칼라를 지정한다.
link : 하이퍼 링크된 글자의 색을 지정한다..
vlink : 방문한 하이퍼 링크의 색을 지정한다..

10. 아래와 같이 체크박스옆의 글자를 클릭해도 체크되게

2000765716_8820d442_1.jpg

 

 

<input type="checkbox" id="direct"><label for="direct">즉시추첨</label>

 

11. 체크박스옆의 글자를 체크박스와 같은라인에 위치하게 맞추기

<input type="checkbox" name="2" style="height:16px;"> 체크박스 

[출처]  띠수

"쇼핑몰·홈페이지·오픈마켓
블로그·페이스북·이메일 등의 각종 마케팅 글쓰기,
각종 광고, 영업, 판매, 제안서, 전단지
반응율 3배×10배 이상 높이는 마법의 8단계 공식"
자세히보기

Comments

번호 제목 글쓴이 날짜 조회
2835 [MSSQL]데이터베이스 옵션 설정 99 단국강토 01.12 3053
2834 여러객체를 for 문 돌리며 사용 99 단국강토 02.19 3052
2833 씬시티 영화 처럼 특정색 강조하기 10 액션쟁이 01.07 3051
2832 T-SQL: Parameter Sniffing 쿼리 튜닝 99 단국강토 01.05 3047
2831 vmware에 설치한 페도라코어5에 vmware tool 설치하기 99 단국강토 01.05 3046
2830 SQL : 집계함수 : 집계함수. 13 김영철 01.23 3045
2829 [AJAX] DOMDocument 에서 selectSingleNode 을 이용한 XML 노드 (Node) 찾기 99 단국강토 12.30 3045
2828 테그의 기본 99 단국강토 02.04 3043
2827 동영상 그림크기조절 99 단국강토 12.30 3042
2826 php전역변수 13 김영철 01.14 3041
2825 MSSQL 기본값 13 김영철 01.24 3040
2824 음악 태그 사운드 태그 댓글1 M 최고의하루 12.24 3039
2823 DBMS에 따른 날짜포맷 변환 99 단국강토 01.07 3039
2822 리눅스의 기본 명령어 99 단국강토 12.30 3039
2821 오라클 캐릭터 셋 변경 M 최고의하루 01.12 3039
2820 포토샵-만화처럼 보이게 하기(신시티스타일) 10 액션쟁이 01.07 3035
2819 [CSS]스타일시트 {속성:값}의 모든 것 99 단국강토 02.03 3035
2818 MySQL에서 외래키 설정하기 13 김영철 01.29 3035
2817 MovieClip.attachMovie 99 단국강토 02.05 3034
2816 일본어로 된 웹을 한글로 즐기기 99 단국강토 01.06 3034
열람중 <HTML TIP> 스크롤바, 링크주변 점선 제거, IFrame속성.. 99 단국강토 02.03 3031
2814 버튼 미디어 플래이어를 구현해 보자 99 단국강토 02.19 3030
2813 문자열중 숫자만 출력하기 13 김영철 01.14 3030
2812 php 파일 업, 다운로드 13 김영철 01.13 3028
2811 BLOCKQUOTE TAG 99 단국강토 01.20 3027
2810 php 대용량 메일 13 김영철 01.13 3027
2809 E execCommand() 의 명령어 목록 | JavaScript 99 단국강토 01.30 3025
2808 [정보] EditPlus에서 BOM 문제 해결법 13 김영철 01.14 3025
2807 php 대용량 메일 13 김영철 01.13 3025
2806 cascasde(연속동작) 13 김영철 01.23 3025
마케팅
특별 마케팅자료
다운로드 마케팅자료
창업,경영
기획,카피,상품전략
동기부여,성취