728x90 반응형 프론트앤드 개발54 플래시를 JS처리해주는 고든 JS http://paulirish.com/work/gordon/demos/ 2010. 10. 15. jquery 각종 이미지 슬라이딩 모음 http://www.snilesh.com/resources/jquery/jquery-image-slider/ 2010. 10. 15. CSS3도와주는 사이트 http://www.css3maker.com/ 2010. 10. 15. ie에서 PNG 투명도먹는 필터~! function setPng24(obj) { obj.width=obj.height=1; obj.className=obj.className.replace(/\bpng24\b/i,''); obj.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+ obj.src +"',sizingMethod='image');" obj.src=''; return ''; }; js파일에 이부분을 넣어주면 된다. 로 사용을 하면 IE에서도 PNG의 투명이 먹는다. 2010. 10. 15. 페이스북 디벨로퍼 사이트 링크 http://developers.facebook.com/docs/reference/plugins/like 2010. 10. 15. javascript window.open 이용한 새창열기 javascript 윈도우 오픈 window.open() 심플 사용법 window.open("새창 페이지 URL", "name즉이름", "속성, 즉 width등의 속성값이다."); 속성값 속성의 default 값은 yes다 menubar=no or yes : 메뉴바 삭제, 나오게하기 toolbar=no or yes : 툴바 삭제 location=no or yes : 주소표시줄 삭제 status=no or yes : 상태표시줄 삭제 scrollbars=no or yes : 스크롤바 없애기 fullscreen: 최창크기로 열기 width : 가로사이즈 height : 세로 사이즈 top :위에서부터의 높이값 left : 좌측으로 부터의 위치값 사용 예 내블로그새창열기 내블로그 새창열기 2010. 10. 15. 테이블에 마우스오버하면 그줄 전부가 색이 달라지는 javascript var arrayOfRolloverClasses = new Array(); var arrayOfClickClasses = new Array(); var activeRow = false; var activeRowClickArray = new Array(); function highlightTableRow() { var tableObj = this.parentNode; if(tableObj.tagName!='table')tableObj = tableObj.parentNode; if(this!=activeRow){ this.setAttribute('origCl',this.className); this.origCl = this.className; } this.className = arrayOfRolloverCl.. 2010. 10. 15. a링크 찾아서 그 밑 div접고 펴는 스크립트 var faq = document.getElementById("faqList"); // 테이블의 아이디명이다.. var links = faq.getElementsByTagName("a"); //그리고 그안에 td안에 있는 a태그 for(var i=0;i 2010. 4. 7. 자바스크립트 총정리~! window-------------frame ---form-----------texarea navigator-----plugin --------document -----------layer ---test -----mimetype --------location ---link ---fileupload --------history ---image ---password ---area ---hidden ---anchor ---submit ---applet! ---reset ---plugin ---radio ---checkbox ---button ---select--------------option ######################### 개체(Object) : 개체라는 말은 상당히 추상적이다. 이 개념을 알.. 2010. 4. 7. java script favorite 밑에 소스는 현재 보고 있는 페이지를 즐켜찾기 추가하는 소스이다... 태그와 스크립트를 삽입하면... 현재 보고 있는 페이지를 즐겨찾기로 추가할 수 있다. function bookMark() { var title = document.title; var url = window.location!.href; //파이어폭스~! if (window.sidebar) { window.sidebar.addPanel(title, url,""); } //익스플로어 else if( window.external ) { window.external.AddFavorite( url, title); } }; 2010. 3. 8. 브라우저랜더링과 테이블구조 테이블을 만들때... 각 브라우저는 렌더링을 다르게 한다... 일반적으로 우리는 테이블의 사이즈를 정하고 th,td의 사이즈를 계산하여 만들것이다... 전체를 1000px로 한다면 머 이렇게 선언하여서 스타일을 시작할 것이다. 위의 클래스를 테이블에 선언 하여 각각의 사이즈를 잡을것이다. 으로 선언하여 테이블을 시작하면 그밑에 각 서브 항목들은 위의 th값과 thead값등의 스타일을 먹게 된다.. 여기서 중요한 것은 c1~c5까지의 클래스는 사이즈가 있다. 그리고 보더도 들어가있다... 이렇게 선언하여 테이블을 구성할 경우에 실제 테이블은 1000이라는 전체범위를 가지고 있다. 실제 안에 면적에 해당하는 c1~c4를 더해보면 474밖에 되지 않는다. 하지만 브라우저가 테이블 전체 크기를 계산하여서 범위 .. 2010. 2. 25. CSS 선택자 우선순위 vCSS 선택자 우선순위 1.Inline Style ( ) 2.ID ( #wrap {height:100%:} 3.Class ( ) 4.Tag ( h3 {font-size:10px;} ) vCSS 속성값의 작성 순서 및 규칙 1.display: 표시 2.overflow: 넘침 3.float: 흐름 4.position: 위치 5.z-index: 정렬 6.width & height: 크기 7.margin & padding:간격 8.border: 보더 9.font: 폰트 10.background: 배경 11.etc: 기타 üFloat 사용시에는 해당 Element 종료 후에 clear:both 속성을 가지는 tag를 삽입하여 틀어짐을 방지. (예: ) 2010. 2. 25. 이전 1 2 3 4 5 다음 728x90 반응형