<div?class="titTab">
<!--鼠標(biāo)滑動標(biāo)簽-->
?????????<div?id="keyword"??class="ctype2">
????????????????<div?id="datllTab_1"??class="datllTab">標(biāo)題1</div>
????????????????<div?id="datllTab_2"??class="datllTab">標(biāo)題2</div>
????????????????<div?id="datllTab_3"??class="datllTab">標(biāo)題3</div>
????????????????<div?id="datllTab_4"??class="datllTab">標(biāo)題4</div>
????????????????<div?id="datllTab_5"??class="datllTab">標(biāo)題5</div>
????????????????<div?id="datllTab_6"??class="datllTab">標(biāo)題6</div>
????????????????<div?id="datllTab_7"??class="datllTab">標(biāo)題7</div>
????????????????<div?id="datllTab_8"??class="datllTab">標(biāo)題8</div>
?????????</div>
<!--鼠標(biāo)滑動顯示對應(yīng)內(nèi)容-->
????????<div??id="datllTab_a1"class="completetips"?style="display:none;">內(nèi)容1</div>
????????<div??id="datllTab_a2"class="completetips"?style="display:none;">內(nèi)容2</div>
????????<div??id="datllTab_a2"class="completetips"?style="display:none;">內(nèi)容3</div>
????????<div??id="datllTab_a4"class="completetips"?style="display:none;">內(nèi)容4</div>
????????<div??id="datllTab_a5"class="completetips"?style="display:none;">內(nèi)容5</div>
????????<div??id="datllTab_a6"class="completetips"?style="display:none;">內(nèi)容6</div>
????????<div??id="datllTab_a7"class="completetips"?style="display:none;">內(nèi)容7</div>
????????<div??id="datllTab_a8"class="completetips"?style="display:none;">內(nèi)容8</div>
</div>我只學(xué)了點(diǎn) html+css ?。實(shí)在不懂js 啊。 求幫幫忙。
1 回答
weibo_歌笠橫_0
TA貢獻(xiàn)11條經(jīng)驗 獲得超9個贊
你要的是這種效果嗎，給你個例子，沒用js的
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
*{
margin:0;
padding: 0;
}
header{
padding-top: 50px;
padding-left: 300px;
}
ul li{
width: 150px;
height: 35px;
float: left;
list-style: none;
line-height: 35px;
font-weight: bold;
}
ul li:hover{
background: gray;
}
ol{
display: none;
}
ul li:hover>ol{
display: block;
}
</style>
</head>
<body>
<header>
<ul>
<li>手機(jī)
<ol>
<li>蘋果</li>
<li>三星</li>
<li>華為</li>
<li>oppo</li>
</ol>
</li>
<li>手表
<ol>
<li>勞力士</li>
<li>天梭</li>
<li>老皮匠</li>
<li>雷歐</li>
</ol>
</li>
<li>電腦
<ol>
<li>蘋果</li>
<li>華碩</li>
<li>戴爾</li>
<li>聯(lián)想</li>
</ol>
</li>
<li>男裝
<ol>
<li>阿瑪尼</li>
<li>阿迪</li>
<li>李寧</li>
<li>七匹狼</li>
</ol>
</li>
</ul>
</header>
</body>
</html>
-
憤怒de小菜鳥哥哥 請不要在網(wǎng)上復(fù)制過來，看清我的HTML 謝謝。 -
weibo_歌笠橫_0抱歉，我沒理解你的問題到底想要表達(dá)什么，給你的是個例子，再說也不是復(fù)制的，歇歇