메모장 썸네일형 리스트형 자바스크립트(Javascript)로 img 태그 hover 기능 구현하기 자바스크립트(Javascript)로 Rollover Rollout 기능 구현해보자 사실 소스는 간단하다. 아래 함수를 자주 사용하는 js 파일에 추가하면 된다 function btnOn(obj){ obj.src=obj.src.replace('off.gif','on.gif'); } function btnOff(obj){ obj.src=obj.src.replace('on.gif','off.gif'); } 스크립트를 보시줄 아시면 아~ 하시겠다 ㅎㅎ 그리고 이 함수를 사용하는 방법은 바로 아래와 같다 원리는 이미지의 파일명의 on, off 라는 문구를 replace 하는 방법이다. 따라서, 한가지 규칙(?)이 있다. hover 기능이 필요한 이미지를 두개 준비해야 하는데 두개의 이미지 파일명을 on, off .. 빅키워드, 자신의 블로그순위 확인하고 나아가 블로그키워드 관리까지~! 일단 순위 확인은 무료입니다 위 버튼을 누르시면, 해당 사이트가 열릴꺼예요 ㅎㅎ 가운데 보면 내 블로그는 몇 등 일까요? 옆에 블로그 순위가 궁금하신 블로그 주소를 입력하시면 랭킹이 나옵니다. ㅎㅎ 미리 말씀드립니다. 결과로 보여지는 랭킹은 절대적인 수치가 아닙니다. 가늠하는 거예요. 하지만, 그 가늠하는 정도가 꽤나 정확하더라구요. 매주 월요일마다 갱신됩니다. 빅키워드에서 제공하는 프로그램을 설치한 유료결제를 하게 되면 키워드 추출도 가능합니다. 뭐...여러가지 활용방안이 있기는 한데요... 글쎄요...꼭 필요할까요? 블로그 포스팅...결국에는 정통법이 최고라는 것을 알게 되실겁니다...우훗~! 참고로...제 블로그 순위는.... 생각보다 높게 나와서 저도 놀랐습니다... 쩝...하긴 전 파워블로거도 .. 애드코프 ADCoop, 블로그마케팅의 방향을 제시하다? 블로그 포스팅에 대한 최적화를 제시하다 위 사이트에서 제시하는 서비스는 바로 블로그 포스팅 최적화이다... 글쎄...나는 내용을 보니까...신용이 그닥... 블로그 마케팅에 관심이 있으신 분들은 링크를 타고 들어가보셔요... 워드프레스에서 사용하는 테마, 플로그인 알아내는 사이트 워드프레스에서 사용하는 테마, 플로그인 알아내는 사이트 만약, 어떤 멋진 워드프레스 사이트를 발견했고, 그 사이트가 사용하는 워드프레스 테마, 플러그인이 궁금할때 검색해보시면 됩니다. http://whatwpthemeisthat.com/ Is it WordPress? 워드프레스 사이트인지 판별하는 사이트 Is it WordPress? 워드프레스 사이트인지 판별하는 사이트 http://www.isitwp.com/ 이제 이런 사이트도 나오는 군요 ㅎㅎ i2OCR free Online OCR, 이미지에 들어있는 텍스트 정보 변환,추출하는 사이트 i2OCR free Online OCR, 이미지에 들어있는 텍스트 정보 변환,추출하는 사이트 바로가기 -> http://www.i2ocr.com/ 프로그램 다운해서 설치 없이 바로 온라인에서 작업 가능하네요. 정확도는 높진 않지만, 많은 양의 텍스트 작업할 때는 유용할 듯 합니다. 유투브 동영상 재생오류, 오류가 발생했습니다. 나중에 다시 시도해보세요 의 원인 오류가 발생했습니다. 나중에 다시 시도해보세요 라는 메세지의 원인 이제까지 나는 유투브를 이용하면서, 별다른 문제없이 이용을 했드랬다. ㅎㅎ 그런데 어느날, 위 같은 메세지가 나오면서 유투브 관련 영상은 재생이 되질 않았었다. 하루종일 막 검색을 했지만, 원하는 답은 없었다. 인터넷익스플로 설정이 문제인가? 코덱이 문제인가? 유투브 계정 설정이 문제인가? . . . 해결책 그리고, 찾은 해결책은 너무나 어이 없었다...ㅡㅡ 위 같은 메세지가 나오는 사람들은 한번쯤 체크해보길 바란다. 자신의 컴퓨터 본체에 사운드잭이 꽂혀 있는지 말이다. 이어폰이든 스피커든 모니터의 스피커이든... 아마 본체 사운드잭에 아무것도 꽂혀 있지 않는 사람들이 많을 것이다... ^^: 결국, 본체 스피커잭에 이어폰만 꽂으면 해결된.. [파이어폭스 설정] 문서열때마다 새로고침 설정 방법 [파이어폭스 설정] 문서열때마다 새로고침 설정 방법 인터넷 익스플로어에만 있는 줄 알았는데 아니네요. 저도 검색하다가 찾아서 기록으로 남겨봅니다. 파이어폭스 인터넷브라우저에서 새로고침 했을시 예전이미지가 저장되 있어 그대로 보이는 경우가 종종 있습니다. 그럴때는 줄곳 그 사이트에 적용되 있는 캐시까지 지우는 새로고침인 Ctrl+F5번 키를 눌러 보곤 했습니다. 이렇게 사용하다 보면 저와 같이 홈페이지를 수정하거나 제작하시는 분들은 많은 불편함이 있습니다. 익스플로어는 설정란에 보면 옵션란에 페이지를열때마다 새로고침적용 할 수 있는 곳이 쉽게 자리하고 있지만 파이어폭스에는 없는줄로만 알았습니다. 그러나 파이어폭스에서도 설정 조작으로 인해 "페이지열때마다 새로고침" 적용을 할 수 있다는걸 알아 이렇게 방법을.. 제1회 나이트스케이프(NightScape) 야경사진전이 열린답니다 ㅎㅎ 찬란한 밤의 빛깔에 나를 물들이다 시간빠르네요. 아직 멀었네 멀었네 했는데 벌써 다음주군요ㅎㅎ 가서 인증샷 찍어야지~ ㅎㅎ 2013.6.14부터 6.16일까지 경복궁역 내 메트로 제2전시관에서 보실수 있습니다. 아마 보시면 밤의 도시의 불빛들이 이렇게 보였었나 싶으실꺼예요 ㅎㅎ 관심있으신분들 많은 관람 바랍니다 ㅎㅎ 2013.6.4. jQuery AJAX ajax() Method jQuery AJAX ajax() Method [예제] AJAX 요청을 사용하여 div 엘리먼트의 텍스트를 변경시킵니다. AJAX를 사용하여 이 부분의 텍스트를 바꿉니다. 내용바꾸기 [정의 및 사용법] ajax() 메소드는 AJAX(비동기식 HTTP) 요청을 수행할 때 사용합니다. 모든 jQuery AJAX 메소드는 ajax() 메소드를 사용합니다. 이 메소드는 다른 메소드로는 할 수 없는 요청들을 수행할 때 사용합니다. [문법] $.ajax( { name:value, name:value, ... } ) 파라메터는 한 개 이상의 name/value 쌍으로 표시합니다. 아래는 사용가능한 name/value입니다. Name Value/Description async Boolean 값 요청이 비동기식으로 처리.. jQuery ETC Methods References jQuery ETC Methods References Method Description data() 선택된 엘리먼트에 데이터를 추가하거나, 선택된 엘리먼트로부터 데이터를 얻습니다. each() selector와 일치하는 각각의 엘리먼트에 수행할 함수를 명시합니다. get() selector와 일치하는 DOM 엘리먼트를 얻습니다. index() 선택된 엘리먼트 중에서 특정 엘리먼트의 index 값을 찾을 수 있습니다. $.noConflict() 자신이 원하는 특정 이름으로 $표시를 대체할 수 있습니다. removeData() data()메서드를 사용하여 이전에 설정된 데이터를 삭제합니다. size() selector와 일치하는 DOM 엘리먼트 개수를 리턴합니다. toArray() [출처 - http://b.. jQuery AJAX Methods References jQuery AJAX Methods References Method Description $.ajax() AJAX 요청을 수행합니다. ajaxComplete() AJAX 요청을 완료했을 때 수행할 함수를 명시합니다. ajaxError() AJAX 요청을 완료했으나 오류가 있을때 수행할 함수를 명시합니다. ajaxSend() AJAX 요청을 보냈을 때 수행할 함수를 명시합니다. $.ajaxSetup() AJAX 요청하기 위해 디폴트 값을 설정합니다. ajaxStart() 가장 첫 AJAX 요청을 시작할 때 수행할 함수를 명시합니다. ajaxStop() 모든 AJAX 요청이 완료됐을 때 수행할 함수를 명시합니다. ajax.Success() 모든 AJA 요청이 성공했을 때 수행할 함수를 명시합니다. $.get.. jQuery CSS Methods References jQuery CSS Methods References MethodDescriptionaddClass()선택된 엘리먼트에 한 개 이상의 class를 추가합니다.css()선택된 엘리먼트에 한 개 이상의 style 속성(property)를 설정합니다.hasClass()선택된 엘리먼트가 특정 class를 가지고 있는지 여부를 체크합니다.height()선택된 엘리먼트의 높이(height)를 설정하거나 리턴합니다.offset()선택된 엘리먼트의 위치를 설정하거나 리턴합니다. (문서상의 위치)offsetParent()특정위치에 있는 바로 위의 부로 엘리먼트를 리턴합니다.position()가장 처음으로 선택된 엘리먼트의 위치를 리턴합니다. (부모엘리먼트의 위치)removeClass()선택된 엘리먼트에서 한 개 이상의 .. jQuery HTML Methods References jQuery HTML Methods References html() 메소드를 제외한 아래의 모든 메소드는 HTML / XML 문서에서 작동합니다. Method Description addClass() 선택된 엘리먼트에 한 개 이상의 class를 추가합니다. (CSS) after() 선택된 엘리먼트 뒤에 또 다른 내용을 추가합니다. (내용이 분리됨) append() 선택된 엘리먼트의 끝에 내용을 추가합니다. (내용이 이어짐) appendTo() 선택된 엘리먼트의 끝에 내용을 추가합니다. (내용이 이어짐) attr() 선택된 엘리먼트에 속성과 값을 설정하거나 리턴합니다. before() 선택된 엘리먼트 앞에 내용을 추가합니다. clone() 선택된 엘리먼트를 복사합니다. detach() 선택된 엘리먼트를 제.. jQuery Effects Methods References jQuery Effects Methods References MethodDescriptionanimate()선택한 엘리먼트를 clearQueue()선택한 엘리먼트에 대해서 아직은 실행되지 않은 대기열에 있던 모든 함수를 멈춥니다.delay()선택한 엘리먼트에 대해서 대기열에 있는 모든 함수의 실행을 딜레이시킵니다.dequeue()선택한 엘리먼트에 대한 다음 대기열 함수를 실행시킵니다.fadeIn()선택한 엘리먼트에 대해서 투명도를 점차적으로 변화시킵니다. (hidden에서 visible 상태로 변화)fadeOut()선택한 엘리먼트에 대해서 투명도를 점차적으로 변화시킵니다. (visible에서 hidden 상태로 변화)fadeTo()선택한 엘리먼트에 대해서 특정 투명도까지 투명도를 점차적으로 변화시킵니다... jQuery Selector References jQuery Selector References Selector사용예선택되는 요소*$("*")모든 엘리먼트#id$("#lastname")id=lastname인 엘리먼트.class$(".intro")class=intro인 엘리먼트element$("p")모든 p 엘리먼트.class.class$(".intro.demo")class가 intro 및 demo인 모든 엘리먼트 :first$("p:first")첫 번째 p 엘리먼트:last$("p:last")마지막 p 엘리먼트:even$("tr:even")모든 짝수번째의 tr 엘리먼트:odd$("tr:odd")모든 홀수번째의 tr 엘리먼트 :eq(index)$("ul li:eq(3)")list 에서 4번째 엘리먼트:qt(no)$("ul li:gt(3)")3보다 큰 인.. HTML, CSS 코딩시 기본적인 유의사항 1. 공백테크 - 2. 모든 script 및 style 요소에는 type속성이 포함 3. 모든 img 및 area 요소에는 alt속성이 포함 4. 모든 script내의 태크는 escape시켜야한다. 5. 모든 문서내 url에서 &를 쓰면안된다 - ... - html문서내에서만 &를 &로 바꾸어야하며 브라우저 주소창이나 이메일 본문에서는 &를 써야한다. 웹서버에서는 &가 아니라 &만을 인식 6. 검색 form 제목 내용 작성자 7. 는 block : 뒤에 개행이 이루어짐(줄바뀜) 은 inline : 뒤에 개행이 이루어지지 않음(줄바뀌지않음) 8. block : , , , , , , , 등 lnline : , , , 9. Heading태그 : ~ = 제목을 표기 10. : 하나의 문단을 , 로 작성 는 하위.. A열 B열 용지크기 규격 정리 A열 B열 용지크기 규격 정리 기가파노라마의 위엄 클릭해서 확대해서 보셔요 ㅎㅎ http://tokyogigapixel.com.s3-website-ap-northeast-1.amazonaws.com/ [jQuery] 이미지 슬라이드, 팝업 갤러리 소스 [jQuery] 이미지 슬라이드, 팝업 갤러리 소스 기본적인 레이아웃은 이미지 슬라이드 갤러리이고, 해당 이미지를 클릭하면, 팝업 박스로 이미지 원래크기를 보여주며 이미지 이동도 되는 갤러리 입니다. 관련사이트 http://lokeshdhakar.com/projects/lightbox2/ http://slidesjs.com http://mobilyslider http://htmldrive.net less 표현 http://lesstocss.com http://css2less.cc http://bit.ly/JbQUEj 별궤적 합성 프로그램 [Startrails] 다운과 사용법 Startrails 는 독일계 프리웨어랍니다 짧게 끊어서 찍은 별 궤적을 이어주는 아주 유용한 프로그램인데요, 이 프로그램을 촬영하기 위해서는 jpg로 촬영해야 한다. 작동법도 간단한 편이라서 가장 애용하는 프로그램입니다. 아래의 링크를 따라 가시면 다운 받으실 수 있습니다. ※ 다운 받으러 가기 : http://www.startrails.de/html/software.html ※ 혹은 첨부파일 사진을 합쳐주는 Startrails 프로그램의 사용법은 아주 간단합니다. 기본적인 원리는 포토샵의 블렌딩 모드에서 따온 것처럼 보이는데요, 그 첫 번째가 Lighten기능을 이용한 것 이고, 그 두 번째가 Lighten+Screen기능을 이용한 것입니다. 밝은 영역만 따 와서 자동적으로 이어주는 방식을 선택했다는.. 인체 구조에 대한 이해를 돕는 사이트(?) http://www.nosmi.org/ 회의(會議)에 대한 회의(懷疑) - 진짜 공감되는 구만~! 자꾸 늘어지기만 하고 결론이 나지 않는 회의에 대해 회의가 느껴진다면 어떻게 할까? ‘야신(野神)’이라 불리는 김성근 고양 원더스 감독은 한 인터뷰에서 이런 얘기를 했다. “나는 미팅 많이 하는 조직은 실패라고 봐요. 왜 자꾸 강제로 모여요? 리더의 자위행위라고. 자기만족이에요.” 이 얘기를 들은 리더들 중에 찔리는 사람, 분명 있을 거다. 툭하면 직원들 불러 모아 일장 연설을 늘어놓고 아이디어를 내놓으라고 윽박지르는 CEO는 더욱 더... 하버드대 경영대학원 라파엘라 사둔 교수팀이 전 세계 CEO 65명의 업무 시간을 조사한 결과 CEO들이 가장 많은 시간을 쏟는 업무는 회의였다. 한 주 평균 업무시간인 55시간 중 가장 긴 18시간을 회의에 쓰고 있단다. 회의를 하는 동안 자위행위만 하고 있을 것인지.. 연말정산 근로소득원청징수 영수증에 대한 설명서 연말정산 근로소득원청징수 영수증 설명서 연말정산을 받기 위해 각종 영수증을 회사에 제출하면, 근로소득원천징수 영수증을 받게 된다. 처음 이 영수증을 받으면, 내가 도대체 뭘 봐야 하는 건지, 내가 돌려받는 금액이 어디에 붙어 있는지조차 알 수 없을 정도이다. 근로소득원천징수 영수증만 해독할 수 있어도 연말정산의 고수가 될 수 있다. 다행히도 이 영수증의 구성은 어느 직장이나 똑같다. 내용이 어려운 걸 국가도 인정하는지 각 항목마다 친절하게 번호도 붙여 놓았다. 2010년 4월에 개정된 신상 형식으로 소개한다. 지금부터 근로소득원천징수 영수증에 있는 각 번호별 내용을 친절하게 설명해 보겠다. 1~5 징수의무자 세금을 내야 할 사람으로부터 세금을 거두어 납부하는 사람을 말한다. 당신의 월급을 원천징수 해서 .. TC-80N3a 유선 릴리즈 사용법 TC-80N3a 유선 릴리즈 사용법 이 릴리즈를 중고로 얻기는 했는데...도통 사용법을 몰랐었다. 고장난건가? 하나 새로 사야하나 고민하는 찰나에 우측 톱니바퀴를 클릭하는 기능이 있다는 것을 우연찮게 알아냈다 그 다음부터 아주 유용하게 사용하고 있다는...ㅎㅎ 무식한게 죄지...ㅋ 사용 매뉴얼 Win7에서 강제로 FAT32 파일시스템으로 포맷하는 유틸 종종 FAT32가 꼭 필요한 상황이 발생한다 하지만 윈도우7에서는 포맷 형식에서 FAT32을 지원하지 않는다. 고로 검색을 하기 시작했고, 적당한 유틸을 찾았다. 참고로, 파일 분실에 대해서는 장담하지 못하겠다...ㅜㅠ HTML5 웹스토리지(HTML5 Web Storage) - 클라이언트에 데이터를 저장하다 Web Storage “클라이언트에 데이터를 저장하다” HTML5 에는 웹 사이트의 데이터를 클라이언트에 저장할 수 있는 새로운 자료구조인 Web Storage(웹스토로지) 스펙이 포함되었다. Web Storage의 개념은 심플하다. '키/ 값' 쌍으로 데이터를 저장하고 키를 기반으로 데이터를 조회하는 패턴이다. 영구저장소(localStorage)와 임시저장소(sessionStorage)를 따로 두어 데이터의 지속성을 구분할 수 있어 응용 환경에 맞는 선택이 가능하다. Web Storage는 기존 웹 환경의 쿠키(Cookie)와 매우 유사한 개념이다. 다만 몇 가지 쿠키의 단점를 극복하는 개선점이 도입되었다. 쿠키(Cookie)는 여전히 유효하고 꽤 적절한 클라이언트 저장도구이다. HTML5 에서 Web.. [HTML5+CSS3]제이쿼리(jQuery)와 Swipe JS 파일을 활용한 터치슬라이드 갤러리 소스 터치 슬라이드 갤러리 소스 swipejs.com 에서 받은 자바스크립트 라이브러리를 사용한 소스입니다. 버튼으로도 이미지를 슬라이드 시킬 수 도 있고, 터치로도 슬라이드 시킬수 있답니다. ㅋ 다시한번, 말씀드릴께요 슬라이드 모션을 확인하기 위해서는 터치기반 디바이스에서 확인하셔야 해요. ㅎㅎ 일단, 웹에서 확인하기 위해서 버튼은 넣어놨구요 ㅎㅎ 아래 파일을 다운 받으셔서 분석하시기 바랍니다. 참조 - http://ryuseunghyun.tistory.com/2750 이전 1 2 3 4 5 6 7 ··· 17 다음
