jquery, mouseover/out

visualp

· 14년 전 · 조회 1378 1378

$(function() { 
    $('img[data-hover]').hover(function() { 
        $(this).attr('tmp', $(this).attr('src')).attr('src', $(this).attr('data-hover')).attr('data-hover', $(this).attr('tmp')).removeAttr('tmp'); 
    }).each(function() { 
        $('<img />').attr('src', $(this).attr('data-hover')); 
    });; 
});
 

다음 처럼 사용 하시면 되구요

<img src="first.gif" data-hover="second.gif" />

[출처] - http://www.selfcontained.us/2008/03/08/simple-jquery-image-rollover-script/

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

게시판 목록

프로그램

글쓰기

번호	제목	글쓴이	날짜	조회
7930	opener에 있는 각종 element의 정보가져오기 #개발자팁 #개발자 #팁자료실 #jquery	서로웹 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	476
7929	특정 이메일 입력 금지및 이메일 유효성 검사하기 입니다. #개발자팁 #개발자 #팁자료실 #javascript	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	410
7928	마우스 오버시 그림 변하게 하는 자바스크립트 입니다 #개발자팁 #개발자 #팁자료실 #javascript	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	486
7927	시작과 멈춤이 가능한 스크롤 텍스트 입니다. #개발자팁 #개발자 #팁자료실 #javascript	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	390
7926	체크박스 영역을 크게 잡을수 없나요? [3] #퍼블리셔톡 #퍼블리셔	스슝 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	698
7925	이미지 없이 라운딩 박스 + 보더 표현하기 입니다. #개발자팁 #개발자 #팁자료실 #javascript	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	423
7924	Trim 함수 자바스크립트로 사용하기 입니다. #개발자팁 #개발자 #팁자료실 #javascript	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	406
7923	실제 이미지 크기 알아내기 입니다. #개발자팁 #개발자 #팁자료실 #javascript	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	391
7922	present 자바스크립트 입니다. #개발자팁 #개발자 #팁자료실 #javascript	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	421
7921	이미지 미리 로딩시켜놓기 입니다. #개발자팁 #개발자 #팁자료실 #javascript	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	435
7920	다각형 이미지슬라이드쇼 자바스크립트 입니다. #개발자팁 #개발자 #팁자료실 #javascript	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	345
7919	가운데 정렬된 홈페이지에서 따라다니는 레이어 자바스크립트 입니다. #개발자팁 #개발자 #팁자료실 #javascript	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	356
7918	클릭시 펼쳐지는 메뉴 입니다. #개발자팁 #개발자 #팁자료실 #javascript	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	510
7917	테이블 각 row 마우스오버시 색깔바꾸기 입니다. #개발자팁 #개발자 #팁자료실 #javascript	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	363
7916	png 24비트 투명처리하기 입니다. #개발자팁 #개발자 #팁자료실 #javascript	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	453
7915	full-down메뉴 자바스크립트 입니다. #개발자팁 #개발자 #팁자료실 #javascript	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	469
7914	iframe사용시 높이 자동 조정하기 입니다. #개발자팁 #개발자 #팁자료실 #javascript	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	477
7913	계산기 #개발자팁 #개발자 #팁자료실 #javascript	슈와이 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	655
7912	숫자를 한글로 변환하기 입니다. #개발자팁 #개발자 #팁자료실 #javascript	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	490
7911	아이프레임 자동으로 늘어나는 자바 스크립트 입니다. #개발자팁 #개발자 #팁자료실 #javascript	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	410
7910	끊기지 않는 배너 롤링 입니다. #개발자팁 #개발자 #팁자료실 #javascript	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	461
7909	랜섬에 당한 화일 복구 #개발자팁 #개발자 #팁자료실 #기타	균이 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	575
7908	id값 변수명으로 치환 예제 자바스크립트 입니다. #개발자팁 #개발자 #팁자료실 #javascript	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	512
7907	상태바의 링크 주소 감추기 입니다. #개발자팁 #개발자 #팁자료실 #javascript	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	449
7906	가짜 카운터 달기 입니다. #개발자팁 #개발자 #팁자료실 #javascript	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	469
7905	홈에 머문시간을 제목표시줄과 상태바에 실시간으로 알려주기 입니다. #개발자팁 #개발자 #팁자료실 #javascript	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	434
7904	prompt 와 alert 응용 자바스크립트 예제 입니다. #개발자팁 #개발자 #팁자료실 #javascript	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	422
7903	prompt 와 alert 간단한 자바스크립트 예제 입니다. #개발자팁 #개발자 #팁자료실 #javascript	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	434
7902	간단한 탭 제이쿼리 #개발자팁 #개발자 #팁자료실 #jquery	서로웹 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	608
7901	부트스트랩하면서.. #퍼블리셔톡 #퍼블리셔	돼지코구뇽 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	773
7900	간단한 셀렉트 드롭다운 제이쿼리 #개발자팁 #개발자 #팁자료실 #jquery	서로웹 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	666
7899	문서내 이미지갯수 출력하기 입니다. #개발자팁 #개발자 #팁자료실 #javascript	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	450
7898	내용 복사해서 붙어넣기 하면 출처 따라오는 자바스크립트입니다. #개발자팁 #개발자 #팁자료실 #javascript	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	449
7897	팝업창 지정한 시간대에 예약 열기 입니다. #개발자팁 #개발자 #팁자료실 #javascript	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	408
7896	접속때마다 음악 다르게 나오기 입니다. #개발자팁 #개발자 #팁자료실 #javascript	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	423
7895	자동 스크롤 메뉴 관련 입니다. #개발자팁 #개발자 #팁자료실 #javascript	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	542
7894	이 브라우저로 몇페이지나 보았나 확인하기 입니다. #개발자팁 #개발자 #팁자료실 #javascript	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	448
7893	사용자 브라우저의 펄러그인 목록 출력하기 입니다. #개발자팁 #개발자 #팁자료실 #javascript	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	426
7892	상태표시줄 제어 + 간단한 복사 제어 하기 입니다. #개발자팁 #개발자 #팁자료실 #javascript	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	462
7891	팝업창을 브라우저 해상도 구분없이 항상 중앙에 띄우기 입니다. [1] #개발자팁 #개발자 #팁자료실 #javascript	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	818
7890	클라우딩 펀딩싸이트 구축할려면 얼마나 들까요? [13] #개발자톡 #개발자	아길이 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	1238
7889	유튜브 재생 중인 팝업 레이어 숨길 때 재생 멈추는 방법 #퍼블리셔팁 #퍼블리셔 #팁자료실 #기타	지운아빠 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	772
7888	toad for mysql 사용하는데 insert시 한글이 깨져나옵니다.ㅠ [1] #개발자톡 #개발자	limsy1987 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	592
7887	간단한 셀렉트 드롭다운 제이쿼리 #개발자팁 #개발자 #팁자료실 #jquery	서로웹 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	638
7886	우클릭해제 소스 보기 자바스크립트 입니다. #개발자팁 #개발자 #팁자료실 #javascript	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	524
7885	미리보기 소스 입니다. #개발자팁 #개발자 #팁자료실 #javascript	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	494
7884	움직임이 자연스러운 자바시계 입니다. #개발자팁 #개발자 #팁자료실 #javascript	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	486
7883	특정사람에게 메일 보내기 입니다. #개발자팁 #개발자 #팁자료실 #javascript	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	494
7882	DirectX의 와이프 기능을 사용한 이미지 스와핑 효과 내기 입니다. #개발자팁 #개발자 #팁자료실 #javascript	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	552
7881	iframe 써서 노 프레임 효과 내기 입니다. #개발자팁 #개발자 #팁자료실 #javascript	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	530
7880	이미지 없이 구현하는 간단한 별점 기능 제이쿼리 #개발자팁 #개발자 #팁자료실 #jquery	서로웹 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	646
7879	PHP 4.x버전에서 hash_hmac 함수 사용하기 #개발자팁 #개발자 #팁자료실 #php	잉끼 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	531
7878	Node.js - 실시간 위치 추적 (1) [11] #개발자팁 #개발자 #팁자료실 #node.js	웹제작자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	1303
7877	wget으로 외부 컨텐츠 가져오기 입니다. [1] #개발자팁 #개발자 #팁자료실 #php	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	826
7876	php로 이미지 흑백효과 주기 입니다. #개발자팁 #개발자 #팁자료실 #php	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	568
7875	Sendmail 로그분석 스팸 탐지 정리입니다. #개발자팁 #개발자 #팁자료실 #php	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	640
7874	중복된 내용를 추출 하는방법 [3] #개발자톡 #개발자	뜨거운형제들 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	835
7873	이미지주소 인코딩으로 페이지로딩시간 절약하기 입니다. #개발자팁 #개발자 #팁자료실 #php	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	564
7872	유용한 함수 file_exists 입니다. [1] #개발자팁 #개발자 #팁자료실 #php	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	732
7871	마우스 오른쪽 매뉴활성화 막는 간단한 방법입니다 #개발자팁 #개발자 #팁자료실 #php	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	546
7870	파일 하나로 끝내는 DB 관리 'Adminer' 입니다. #개발자팁 #개발자 #팁자료실 #php	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	667
7869	프로그램 실행 메모리 체크 memtrack 입니다. #개발자팁 #개발자 #팁자료실 #php	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	482
7868	유용한 함수 call_user_func 입니다. #개발자팁 #개발자 #팁자료실 #php	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	523
7867	PHP ANOTATION , Reflection 입니다. #개발자팁 #개발자 #팁자료실 #php	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	529
7866	유용한 함수 array_filter 입니다. #개발자팁 #개발자 #팁자료실 #php	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	586
7865	유용한 함수 substr 과 array_slice 입니다. #개발자팁 #개발자 #팁자료실 #php	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	530
7864	php 함수검색기 입니다. #개발자팁 #개발자 #팁자료실 #php	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	585
7863	php로 동영상파일 영상정보 가져오기 입니다. #개발자팁 #개발자 #팁자료실 #php	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	579
7862	fwrite() 함수 관련 입니다. #개발자팁 #개발자 #팁자료실 #php	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	547
7861	php 로 ssh2 원격접속 명령실행하기 입니다. [1] #개발자팁 #개발자 #팁자료실 #php	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	718
7860	모바일로 접속하는지 웹으로 접속하는지 체크하기 입니다. [1] #개발자팁 #개발자 #팁자료실 #php	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	697
7859	모바일 OS에서 자바스크립트 select() 구현하기 입니다. #개발자팁 #개발자 #팁자료실 #php	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	465
7858	모바일웹에서 현재위치의 좌표 가져오기 #개발자팁 #개발자 #팁자료실 #mobile	다이아나 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	776
7857	alert 창 디자인하기 [3] #개발자팁 #개발자 #팁자료실 #javascript	서로웹 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1162
7856	자동완성 자바스크립트 #개발자팁 #개발자 #팁자료실 #javascript	서로웹 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	585
7855	주소로 구글 좌표 구하기 [1] #개발자팁 #개발자 #팁자료실 #php	슬라이스 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	824
7854	비회원일때 글쓰기버튼 보이고 로그인후 이용할수있습니다 문구!! [4] #개발자톡 #개발자	심슨아 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	758
7853	php에서 ssh2로 서버간 파일 복사하기 입니다. [2] #개발자팁 #개발자 #팁자료실 #php	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	663
7852	euc-kr페이지에서 AJAX연동시 한글 깨짐 현상 해결법 입니다. #개발자팁 #개발자 #팁자료실 #php	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	584
7851	js와 php를 배열로 연결하기 입니다. #개발자팁 #개발자 #팁자료실 #php	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	586
7850	vi 정리 입니다. [3] #개발자팁 #개발자 #팁자료실 #php	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	657
7849	디비에서 특정문자를 변경 하는 방법 입니다. #개발자팁 #개발자 #팁자료실 #php	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	426
7848	다른 url 의 읽어서 값만 변수에 저장 #개발자팁 #개발자 #팁자료실 #php	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	494
7847	검색사이트 긁어오기 입니다. #개발자팁 #개발자 #팁자료실 #php	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	732
7846	bresenham 알고리즘을 이용한 직선, 원, 타원 그리기 입니다. #개발자팁 #개발자 #팁자료실 #php	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	516
7845	숫자 입력 유효성 체크 하기 입니다. #개발자팁 #개발자 #팁자료실 #php	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	493
7844	get 변수에서 원하는 값만 바꾸기 입니다. #개발자팁 #개발자 #팁자료실 #php	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	457
7843	php 기본 실행 시간이 초과 됐을때 에러 해결법 입니다. #개발자팁 #개발자 #팁자료실 #php	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	493
7842	$PHP_SELF 가 안될때 해결법 입니다. #개발자팁 #개발자 #팁자료실 #php	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	479
7841	phpMyAdmin 하나로 서버내 전체사용자가 사용하기 입니다. #개발자팁 #개발자 #팁자료실 #php	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	448
7840	썸네일 생성시 Sharpen 적용하기 입니다. #개발자팁 #개발자 #팁자료실 #php	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	463
7839	PHP에서 싱글톤 패턴 구현하기 입니다. #개발자팁 #개발자 #팁자료실 #php	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	517
7838	Apache DOS 공격 방어 - mod_evasive - web 입니다. [1] #개발자팁 #개발자 #팁자료실 #php	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	578
7837	apache의 httpd.conf 설정 방법입니다. #개발자팁 #개발자 #팁자료실 #php	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	406
7836	세션만을 이용한 현재 접속자. 로케이션 표시 입니다. #개발자팁 #개발자 #팁자료실 #php	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	452
7835	MYSQL에 대용량 SQL파일 import하기 #개발자팁 #개발자 #팁자료실 #mysql	바위섬 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	537
7834	반응형 코딩할때 height:100% 에 관해서... [2] #퍼블리셔팁 #퍼블리셔 #팁자료실 #반응형	ABC디자인 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1232
7833	Fiddler - 데이타 송수신 상태 체크 프로그램 #개발자팁 #개발자 #팁자료실 #javascript	벤지 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	499
7832	웹서버(아파치)를 이용한 인증 입니다. #개발자팁 #개발자 #팁자료실 #php	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	477
7831	php로 엑셀 만들기 입니다. #개발자팁 #개발자 #팁자료실 #php	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	641