仿网易娱乐新闻Tab选项卡的html源码
![ContractedBlock.gif](https://www.cnblogs.com/Images/OutliningIndicators/ContractedBlock.gif)
![ExpandedBlockStart.gif](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif)
<div class="leftTitle">
<h2></h2>
<h3 id="ywhgnav1" class="on"><a href="javascript:showDiv('ywhg',1,3);" target="_self">最近新贴</a></h3>
<h3 id="ywhgnav2"><a href="javascript:showDiv('ywhg',2,3);" target="_self">热门菜谱</a></h3>
<h3 id="ywhgnav3"><a href="javascript:showDiv('ywhg',3,3);" target="_self">热点评论</a></h3>
<span><a href="http://www.izhufan.cn/showtopic-25.aspx">煮饭专题</a></span>
<div class="clear"></div>
</div>
<div class="leftList99" id="ywhg1" style="display: block;">
<ul>
<li>
<span>[
<a href="showforum-12.aspx" target="_blank">家常菜</a>
]</span>
<a href="showtopic-815.aspx" target="_blank">
新奥尔良烤翅的做法</a>
</li>
<li>
<span>[
<a href="showforum-17.aspx" target="_blank">闲侃灌水区</a>
]</span>
<a href="showtopic-814.aspx" target="_blank">
为80后新人支招</a>
</li>
<li>
<span>[
<a href="showforum-10.aspx" target="_blank">每周好汤</a>
]</span>
<a href="showtopic-813.aspx" target="_blank">
桂圆莲藕汤</a>
</li>
<li>
<span>[
<a href="showforum-17.aspx" target="_blank">闲侃灌水区</a>
]</span>
<a href="showtopic-812.aspx" target="_blank">
很精辟</a>
</li>
<li>
<span>[
<a href="showforum-18.aspx" target="_blank">健康饮食</a>
]</span>
<a href="showtopic-811.aspx" target="_blank">
[健康生活]九大错误饮食会导致越来越肥</a>
</li>
<li>
<span>[
<a href="showforum-9.aspx" target="_blank">开怀大笑</a>
]</span>
<a href="showtopic-810.aspx" target="_blank">
[风趣校园]老师够狠!学生够强悍</a>
</li>
<li>
<span>[
<a href="showforum-20.aspx" target="_blank">厨具选购</a>
]</span>
<a href="showtopic-809.aspx" target="_blank">
选择厨具的5大原则</a>
</li>
<li>
<span>[
<a href="showforum-17.aspx" target="_blank">闲侃灌水区</a>
]</span>
<a href="showtopic-808.aspx" target="_blank">
深圳荔枝公园图片分享</a>
</li>
<li>
<span>[
<a href="showforum-18.aspx" target="_blank">健康饮食</a>
]</span>
<a href="showtopic-807.aspx" target="_blank">
感冒饮食搭配禁忌</a>
</li>
<li>
<span>[
<a href="showforum-11.aspx" target="_blank">小吃天地</a>
]</span>
<a href="showtopic-806.aspx" target="_blank">
潮汕小吃</a>
</li>
<li>
<span>[
<a href="showforum-13.aspx" target="_blank">主食天地</a>
]</span>
<a href="showtopic-805.aspx" target="_blank">
酸辣牛肉粉</a>
</li>
<li>
<span>[
<a href="showforum-13.aspx" target="_blank">主食天地</a>
]</span>
<a href="showtopic-804.aspx" target="_blank">
家常猪肉粉条</a>
</li>
</ul>
</div>
<div class="leftList2" id="ywhg2" style="display: none;">
<ul>
<li>
<a href="showtopic-602.aspx" target="_blank">
蒜蓉空心菜</a>
</li>
<li>
<a href="showtopic-570.aspx" target="_blank">
香芋蒸排骨</a>
</li>
<li>
<a href="showtopic-569.aspx" target="_blank">
香菇蒸排骨</a>
</li>
<li>
<a href="showtopic-595.aspx" target="_blank">
清肠除污,多吃炒猪红</a>
</li>
<li>
<a href="showtopic-584.aspx" target="_blank">
客家经典名菜,酿蛋角</a>
</li>
<li>
<a href="showtopic-675.aspx" target="_blank">
青椒酿肉</a>
</li>
<li>
<a href="showtopic-684.aspx" target="_blank">
青椒肉丝</a>
</li>
<li>
<a href="showtopic-728.aspx" target="_blank">
咖喱牛肉</a>
</li>
<li>
<a href="showtopic-718.aspx" target="_blank">
香酥狗肉的做法</a>
</li>
<li>
<a href="showtopic-603.aspx" target="_blank">
香而不腻的板栗烧肉</a>
</li>
<li>
<a href="showtopic-609.aspx" target="_blank">
家常小炒肉</a>
</li>
<li>
<a href="showtopic-674.aspx" target="_blank">
芦蒿炒肉丝</a>
</li>
</ul>
</div>
<div class="leftList2" id="ywhg3" style="display: none;">
<ul>
<li>
<a href="showtopic-781.aspx" target="_blank">
谁懂我的心剧情大全</a>
</li>
<li>
<a href="showtopic-801.aspx" target="_blank">
煮饭小常识</a>
</li>
<li>
<a href="showtopic-790.aspx" target="_blank">
能忍到第8个不笑的就是高人</a>
</li>
<li>
<a href="showtopic-778.aspx" target="_blank">
周星驰经典台词分享</a>
</li>
<li>
<a href="showtopic-782.aspx" target="_blank">
香茹选购常识</a>
</li>
<li>
<a href="showtopic-793.aspx" target="_blank">
圣诞节祝福语</a>
</li>
<li>
<a href="showtopic-808.aspx" target="_blank">
深圳荔枝公园图片分享</a>
</li>
<li>
<a href="showtopic-812.aspx" target="_blank">
很精辟</a>
</li>
<li>
<a href="showtopic-807.aspx" target="_blank">
感冒饮食搭配禁忌</a>
</li>
<li>
<a href="showtopic-810.aspx" target="_blank">
[风趣校园]老师够狠!学生够强悍</a>
</li>
<li>
<a href="showtopic-773.aspx" target="_blank">
追女求爱技巧(初级)</a>
</li>
<li>
<a href="showtopic-803.aspx" target="_blank">
我们的友谊</a>
</li>
</ul>
</div>
js源码
![ContractedBlock.gif](https://www.cnblogs.com/Images/OutliningIndicators/ContractedBlock.gif)
![ExpandedBlockStart.gif](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif)
1
![ExpandedBlockStart.gif](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif)
![ContractedBlock.gif](https://www.cnblogs.com/Images/OutliningIndicators/ContractedBlock.gif)
![](https://www.cnblogs.com/Images/dot.gif)
2
![ExpandedSubBlockStart.gif](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
![ContractedSubBlock.gif](https://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif)
![](https://www.cnblogs.com/Images/dot.gif)
3
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
4
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
5
![ExpandedSubBlockStart.gif](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
![ContractedSubBlock.gif](https://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif)
![](https://www.cnblogs.com/Images/dot.gif)
6
![ExpandedSubBlockStart.gif](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
![ContractedSubBlock.gif](https://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif)
![](https://www.cnblogs.com/Images/dot.gif)
![](https://www.cnblogs.com/Images/dot.gif)
7
![ExpandedSubBlockStart.gif](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
![ContractedSubBlock.gif](https://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif)
![](https://www.cnblogs.com/Images/dot.gif)
![](https://www.cnblogs.com/Images/dot.gif)
8
![ExpandedSubBlockStart.gif](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
![ContractedSubBlock.gif](https://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif)
![](https://www.cnblogs.com/Images/dot.gif)
9
![ExpandedSubBlockStart.gif](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
![ContractedSubBlock.gif](https://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif)
![](https://www.cnblogs.com/Images/dot.gif)
![](https://www.cnblogs.com/Images/dot.gif)
10
![ExpandedSubBlockStart.gif](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
![ContractedSubBlock.gif](https://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif)
![](https://www.cnblogs.com/Images/dot.gif)
![](https://www.cnblogs.com/Images/dot.gif)
11
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
12
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
13
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockEnd.gif)
14
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
CSS样式代码
![ContractedBlock.gif](https://www.cnblogs.com/Images/OutliningIndicators/ContractedBlock.gif)
![ExpandedBlockStart.gif](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif)
1
![ExpandedBlockStart.gif](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif)
![ContractedBlock.gif](https://www.cnblogs.com/Images/OutliningIndicators/ContractedBlock.gif)
![](https://www.cnblogs.com/Images/dot.gif)
2
![ExpandedBlockStart.gif](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif)
![ContractedBlock.gif](https://www.cnblogs.com/Images/OutliningIndicators/ContractedBlock.gif)
![](https://www.cnblogs.com/Images/dot.gif)
3
![ExpandedBlockStart.gif](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif)
![ContractedBlock.gif](https://www.cnblogs.com/Images/OutliningIndicators/ContractedBlock.gif)
![](https://www.cnblogs.com/Images/dot.gif)
4
![ExpandedBlockStart.gif](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif)
![ContractedBlock.gif](https://www.cnblogs.com/Images/OutliningIndicators/ContractedBlock.gif)
![](https://www.cnblogs.com/Images/dot.gif)
5
![ExpandedBlockStart.gif](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif)
![ContractedBlock.gif](https://www.cnblogs.com/Images/OutliningIndicators/ContractedBlock.gif)
![](https://www.cnblogs.com/Images/dot.gif)
6
![ExpandedBlockStart.gif](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif)
![ContractedBlock.gif](https://www.cnblogs.com/Images/OutliningIndicators/ContractedBlock.gif)
![](https://www.cnblogs.com/Images/dot.gif)
7
![ExpandedBlockStart.gif](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif)
![ContractedBlock.gif](https://www.cnblogs.com/Images/OutliningIndicators/ContractedBlock.gif)
![](https://www.cnblogs.com/Images/dot.gif)
8
![ExpandedBlockStart.gif](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif)
![ContractedBlock.gif](https://www.cnblogs.com/Images/OutliningIndicators/ContractedBlock.gif)
![](https://www.cnblogs.com/Images/dot.gif)
9
![ExpandedBlockStart.gif](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif)
![ContractedBlock.gif](https://www.cnblogs.com/Images/OutliningIndicators/ContractedBlock.gif)
![](https://www.cnblogs.com/Images/dot.gif)
10
![ExpandedBlockStart.gif](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif)
![ContractedBlock.gif](https://www.cnblogs.com/Images/OutliningIndicators/ContractedBlock.gif)
![](https://www.cnblogs.com/Images/dot.gif)
11
![ExpandedBlockStart.gif](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif)
![ContractedBlock.gif](https://www.cnblogs.com/Images/OutliningIndicators/ContractedBlock.gif)
![](https://www.cnblogs.com/Images/dot.gif)