当鼠标经过不同的标题时,显示不同div内容的JS效果

发布时间:2008年10月17日      浏览次数:1348 次
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>
免责声明:本站相关技术文章信息部分来自网络,目的主要是传播更多信息,如果您认为本站的某些信息侵犯了您的版权,请与我们联系,我们会即时妥善的处理,谢谢合作!