DIV+CSS制作滑动门只有鼠标点他才出内容不点就不出
发布网友
发布时间：2024-10-23 04:39
共2个回答
热心网友
时间：2024-11-16 05:58
<div class="xgt">
<div id="xgt_bd">
<div id="nav">
<a href="#" class="nav_button" id="button1" onmouseover="xgtt2.style.display='none';xgtt3.style.display='none';xgtt4.style.display='none';xgtt1.style.display='block';button2.className='nav_button';button3.className='nav_button';button4.className='nav_button';" onmouseout="this.className='nav_button_msout'">办公室装修效果图</a>
<a href="#" class="nav_button" id="button2" onmouseover="xgtt1.style.display='none';xgtt3.style.display='none';xgtt4.style.display='none';xgtt2.style.display='block';button1.className='nav_button';button3.className='nav_button';button4.className='nav_button';" onmouseout="this.className='nav_button_msout'">酒店装修效果图</a>
<a href="#" class="nav_button" id="button3" onmouseover="xgtt1.style.display='none';xgtt2.style.display='none';xgtt4.style.display='none';xgtt3.style.display='block';button1.className='nav_button';button2.className='nav_button';button4.className='nav_button';" onmouseout="this.className='nav_button_msout'">厂房装修效果图</a>
<a href="#" class="nav_button" id="button4" onmouseover="xgtt1.style.display='none';xgtt2.style.display='none';xgtt3.style.display='none';xgtt4.style.display='block';button1.className='nav_button';button2.className='nav_button';button3.className='nav_button';" onmouseout="this.className='nav_button_msout'">商铺装修效果图</a>
</div>
<div id="xgtt">
<div id="xgtt1">
<div class="xgt_list">
<div class="xgt_big_pic_top"><a href="#" target="_blank"><img src="images/zs.jpg" alt="国际168平米四居混搭风格 " /></a>
</div>
<div class="xgt_small_pic_left"><a href="#" target="_blank"><img src="images/zsxz.jpg" alt="18万打造148平春意田园家 " /></a>
</div>
<div class="xgt_small_pic_right"><a href="#" target="_blank"><img src="images/zsy.jpg" alt="上网游戏区空间设计" /></a>
</div>
</div>
<div class="xgt_list">
<div class="xgt_small_pic_left"><a href="#" target="_blank"><img src="images/zs.jpg" alt="网区装修效果图" /></a>
</div>
<div class="xgt_small_pic_right"><a href="#" target="_blank"><img src="images/zsxz.jpg" alt="装修效果图大全" /></a>
</div>
<div class="xgt_big_pic_bottom"><a href="#" target="_blank"><img src="images/zsxy.jpg" alt="装修效果图大全" /></a>
</div>
</div>
<div class="xgt_list">
<div class="xgt_big_pic_top"><a href="#" target="_blank"><img src="images/ys.jpg" alt="国际168平米四居混搭风格 " /></a>
</div>
<div class="xgt_small_pic_left"><a href="#" target="_blank"><img src="images/yxz.jpg" alt="18万打造148平春意田园家 " /></a>
</div>
<div class="xgt_small_pic_right"><a href="#" target="_blank"><img src="images/yxy.jpg" alt="上网游戏区空间设计" /></a>
</div>
</div>
</div>
<div id="xgtt2" style="display: none">显示第二部分内容</div>
<div id="xgtt3" style="display: none">显示第三部分内容</div>
<div id="xgtt4" style="display: none">显示第四部分内容</div>
</div>
</div>
</div>
热心网友
时间：2024-11-16 05:53
