JS如何实现在不同的div标题区域,当鼠标经过时显示不同指定区域的内容。
--------------------------------------------------------------------------
以下是实现此功能的源代码,将其复制到自已的网页里进行测试即可。
<link type="text/css" href="../onmonse/kianet.css" rel="stylesheet">
<div id="select_3">
<div id="select_3_content">
<img src="../ex/onmonse/seo_11.jpg" name="seo1" width="90" height="20" class="hand" onMouseOver="javascript:seo11.style.display='block';tui11.style.display='none';sell11.style.display='none';sell1.src='../ex/onmonse/sell_1.jpg';seo1.src='../ex/onmonse/seo_11.jpg';tui1.src='../ex/onmonse/tui_1.jpg';"/>
<img src="../ex/onmonse/tui_1.jpg" name="tui1" width="90" height="20" class="hand" onMouseOver="javascript:seo11.style.display='none';tui11.style.display='block';sell11.style.display='none'; sell1.src='../ex/onmonse/sell_1.jpg';seo1.src='../ex/onmonse/seo_1.jpg';tui1.src='../ex/onmonse/tui_11.jpg';" />
<img src="../ex/onmonse/sell_1.jpg" name="sell1" width="90" height="20" class="hand" onMouseOver="javascript:seo11.style.display='none';tui11.style.display='none';sell11.style.display='block';seo1.src='../ex/onmonse/seo_1.jpg';tui1.src='../ex/onmonse/tui_1.jpg'; sell1.src='../ex/onmonse/sell_11.jpg';"/></div>
<div class="seo" id="seo11">
这里是第一区域要显示内容的。
</div>
<div class="seo_none" id="tui11">
这里是第二区域要显示内容的。
</div>
<div class="seo_none" id="sell11">
这里是第三区域要显示内容的。
</div>
</div>
--------------------------------------------------------------------------
以下是实现此功能的源代码,将其复制到自已的网页里进行测试即可。
<link type="text/css" href="../onmonse/kianet.css" rel="stylesheet">
<div id="select_3">
<div id="select_3_content">
<img src="../ex/onmonse/seo_11.jpg" name="seo1" width="90" height="20" class="hand" onMouseOver="javascript:seo11.style.display='block';tui11.style.display='none';sell11.style.display='none';sell1.src='../ex/onmonse/sell_1.jpg';seo1.src='../ex/onmonse/seo_11.jpg';tui1.src='../ex/onmonse/tui_1.jpg';"/>
<img src="../ex/onmonse/tui_1.jpg" name="tui1" width="90" height="20" class="hand" onMouseOver="javascript:seo11.style.display='none';tui11.style.display='block';sell11.style.display='none'; sell1.src='../ex/onmonse/sell_1.jpg';seo1.src='../ex/onmonse/seo_1.jpg';tui1.src='../ex/onmonse/tui_11.jpg';" />
<img src="../ex/onmonse/sell_1.jpg" name="sell1" width="90" height="20" class="hand" onMouseOver="javascript:seo11.style.display='none';tui11.style.display='none';sell11.style.display='block';seo1.src='../ex/onmonse/seo_1.jpg';tui1.src='../ex/onmonse/tui_1.jpg'; sell1.src='../ex/onmonse/sell_11.jpg';"/></div>
<div class="seo" id="seo11">
这里是第一区域要显示内容的。
</div>
<div class="seo_none" id="tui11">
这里是第二区域要显示内容的。
</div>
<div class="seo_none" id="sell11">
这里是第三区域要显示内容的。
</div>
</div>