태그 자료실

회원로그인

무료회원가입 보안로그인

아이디/비밀번호찾기

이미지에 마우스 오버시 효과주기

12년 전

1. 마우스 오버시 상품 이미지 흐릿하게 해주기

<img src='{상품이미지변수}' onmouseover='this.style.filter="alpha(opacity=20)"' onmouseout='this.style.filter=""'>
            숫자 20 값을 변경해서 흐릿한 정도를 변경 할 수 있다. 100이면 흐릿함이 없음

2. 마우스 오버시 상품 이미지 흑백으로 하기

<img src='{상품이미지변수}' onmouseover='this.style.filter="gray"' onmouseout='this.style.filter=""'>
            gray 라고 적힌것으로 흑백처리된다.

3. 마우스 오버시 상품 이미지 주변에 테두리 주기

<img border=3 style='border-color:#ffffff' src='{상품이미지변수}' onmouseover='this.style.borderColor="darkgray"' onmouseout='this.style.borderColor="#ffffff"'>
            border=3을 미리 주지 않으면? 마우스 오버시 그림이 약간 움직이므로 주의해야한다.

           (크기변화 때문, 값 3은 적용해보며 적절한 값으로 수정 할 수 있다.)

           따라서 border=3 과 바탕색(borde-color)을 미리 줘야한다.

추천 목록

번호	제목
2,045	버튼 선택으로 서로다른 쿠키 생성하기
2,044	사용자가 원하는 배경색을 기억하여 불러주는 스크립트
2,043	원하는 항목을 체크하면 다음 방문시 자동으로 페이지 이동시키기
2,042	쿠키 모조리 삭제시키기
2,041	지난번 방문시간을 알려줍니다
2,040	경고창(alert box)을 한세션당 한번만 보여줍니다
2,039	오늘의 추천 링크
2,038	문서의 나이를 일수로 알려줍니다
2,037	이시각 현재 세계 인구는 몇명일까?
2,036	퍼센트 계산기
2,035	카운트다운 후 특정 페이지로 이동합니다
2,034	html 파일 없이 이미지 크기대로 창 띄우기 - 스크립트소스
2,033	롤오버 버튼 스크립트
2,032	레이어, 투명하게 , 중앙에 띄우기.
2,031	이미지가 없을때 noimg 출력
2,030	버튼 클릭시 열리는 레이어 팝업 이동가능한 레이어 만들기
2,029	textarea 버튼으로 늘리고 줄이기
2,028	자바스크립트로 플래시무비제어
2,027	textarea 투명하게 만들기
2,026	htmlspecialchars
2,025	이미지 사이즈를 알려주는 함수
	이미지에 마우스 오버시 효과주기
2,023	배경이미지 왼쪽, 오른쪽, 가운데 에 고정시키기
2,022	Window FAQ 2
2,021	Window FAQ
2,020	location.href에 타켓 지정 방법
2,019	phpmyadmin error
2,018	rewrite module 대표 도메인 설정
2,017	PHP Fatal error: Cannot redeclare class Object in
2,016	공백제거 자바스크립트