作者ghostleader (小居批~)
看板Web_Design
標題[問題] CSS 問題
時間Thu Aug 14 17:48:27 2008
其實我不知道這個問題到底該怎麼說
index.html
==============================================================================
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"
http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link href="hover.css" rel="stylesheet" type="text/css">
<title>無標題文件</title>
</head>
<body>
<div id="spring"><img src="spring.jpg">春天</div>
<div id="summer"><img src="summer.jpg">夏天</div>
<div id="autumn"><img src="autumn.jpg">秋天</div>
<div id="winter"><img src="winter.jpg">冬天</div>
</body>
</html>
==============================================================================
hover.css
==============================================================================
div{
width:200px;
margin:5px;
padding-left:100px;
z-index:50;
}
div img{
display:none;
float:left;
z-index:50;
}
div:hover img{
display:block;
float:left;
z-index:10;
}
div:hover{
background:#999999;
padding:0px;
z-index:10;
}
==============================================================================
我想要做到的效果是當我的游標移到不同字上時
同一個位置會顯示出不同的圖片
之前聽過一次課不過只講了概念 還是不會寫
有請各位大大幫忙
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 118.165.75.37
推 tsangbor:你要搭配JS的還是不要? 不搭配JS IE6好像會有問題! 08/14 18:08
→ ghostleader:其實我兩種都想寫 不過因為我 JS 不夠強 08/14 18:20
→ ghostleader:如果可以的話可以請大大順便幫我把 JS 的方法寫一下嗎 08/14 18:20
※ 編輯: ghostleader 來自: 118.165.75.37 (08/14 18:21)
推 TonyQ:#6664 #18c6dSLi jquery tooltip 範例看看 ?.? 08/14 18:36
→ ghostleader:google?? 08/14 18:49
→ TonyQ:板上6664篇 , 或者在文章列表打 #18c6dSLi 08/14 19:56