css 갤러리 ㅜ ㅜ 아웃시에도 이미지 고정이 될까요?
해길
style type=text/css
a, a:visited, a:hover, a:active {color:#000;}
#album {width:1000px; height:256px;border:1px solid #aaa;margin:0 auto;}
.gallery {padding:0; margin:320px 0 0 0; list-style-type:none; position:relative; width:1000px;}
.gallery img {border:0;}
.gallery li {float:left;}
.gallery li a, .gallery li a:visited {font-size:11px;float:left; text-decoration:none; color:#000; background:#fff; text-align:center; width:60px; height:26px; line-height:24px; border:1px solid #444;margin:2px;}
.gallery li a span img {position:absolute; top:-320px; left:0; visibility:hidden; border:0;}
.gallery li a span img.landscape {top:-320px;}
.gallery li a span img .portrait {left:0;border-left:40px solid #eee;border-right:40px solid #eee;}
.gallery li a:hover {background:#ddd;}
.gallery li a:hover, .gallery li a:active, .gallery li a:focus {background:#444;color:#fff;}
.gallery li a:hover img, a:active img, .gallery li a:focus img {visibility:visible;}
/style
div id=album
ul class=gallery
lia href=#nogoimg src=./img/pro_list01_s01.gif /spanimg class=landscape src=./img/pro_list01_b01.jpg //span/a/li
lia href=#nogoimg src=./img/pro_list01_s02.gif /spanimg class=landscape src=./img/pro_list01_b02.jpg //span/a/li
lia href=#nogoimg src=./img/pro_list01_s03.gif /spanimg class=landscape src=./img/pro_list01_b03.jpg //span/a/li
lia href=#nogoimg src=./img/pro_list01_s04.gif /spanimg class=landscape src=./img/pro_list01_b04.jpg //span/a/li
lia href=#nogoimg src=./img/pro_list01_s05.gif /spanimg class=landscape src=./img/pro_list01_b05.jpg //span/a/li
lia href=#nogoimg src=./img/pro_list01_s06.gif /spanimg class=landscape src=./img/pro_list01_b06.jpg //span/a/li
/ul
/divㅜ ㅜ 소스 보시면 아시겠지만 오버나, 클릭시에는 이미지가 뜨도록 설정은 했습니다만
마우스가 아웃될시에 전에 클릭하거나 오버했던 이미지 기억하는 소스를 모르겠습니다ㅜㅜ
이상하게 ㅜ 전에 위와같은 사이트를 만들었는데 왜 -_-; 지금 같은소스로도 아무것도 못할까요 흐미 ㅜ
번호 | 제 목 | 글쓴이 | 날짜 |
---|---|---|---|
2654708 | ie6에서 margin 문제 (5) | 너만 | 2024-05-13 |
2654681 | 아까 올렸던 질문의 액션코딩 (3) | 큰꽃들 | 2024-05-13 |
2654653 | 개발툴 콘솔창에 아무것도 나오지 않는데 해결좀....해주세요... (3) | 쌍둥이자리 | 2024-05-12 |
2654625 | textare 중간부터 글이 나옵니다. | 영글 | 2024-05-12 |
2654595 | C언어랑 C++ 두개만배워놓으면 (3) | 아빠몬 | 2024-05-12 |
2654543 | 드라이브 체크 어떻게 해야할까요 | 아연 | 2024-05-11 |
2654483 | 익스플로어 6과 7의 버젼에 따라서 클릭이 되지 않을 수 있나요? (1) | 히메 | 2024-05-11 |
2654431 | Invalid procedure call or argument 는 무슨뜻이죠 ;? | 날샘 | 2024-05-10 |
2654372 | 이중연결리스트 정렬 문의 드립니다. (1) | 야미 | 2024-05-10 |
2654343 | 레이어 팝업.. 흑흑 (4) | 다인 | 2024-05-10 |
2654284 | 반응형 웹에서 | HotPink | 2024-05-09 |
2654234 | 타이틀옆에 카테고리 정렬질문이요 (2) | 밤 | 2024-05-09 |
2654207 | 퍼블리셔포트폴리오질문이요! ! (2) | 훌림목 | 2024-05-08 |
2654175 | 방문자 수,포스트마다 사람들이 클릭 한 수 알 수 있는 방법 없나요? | 찬늘 | 2024-05-08 |
2654145 | 숙제란! | 피리 | 2024-05-08 |
2654120 | 레이어팝업 이용시 body 스크롤 고정(?) 질문입니다. (2) | 꿈빛 | 2024-05-08 |
2654094 | 메인메뉴와 윈쪽사이드메뉴 테마? | 솔찬 | 2024-05-07 |
2654064 | mp3 plyer에서 이퀄라이져를 구현하고 싶습니다. (7) | 촉촉한 초코칩 | 2024-05-07 |
2654034 | 초보자라 조언좀얻고자합니다 씨언어 문제입니다 (4) | 모이 | 2024-05-07 |
2654006 | 아주 극초보 배열문젠데요...오류를 어케 처리하죠..;;; (2) | 눈꽃 | 2024-05-07 |