鼠标方上去切换
<pre name="code" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
* {margin:0;padding:0;}
html {background:#FFFFFF;}
body {font:normal 12px/1.6em simsun, Verdana, Lucida, Arial, Helvetica, sans-serif;color:#727272;}
table {border-collapse:collapse;border-spacing:0;empty-cells:show;text-align:left;}
th,td {border-collapse:collapse;}
ol,ul {list-style:none;}
a {text-decoration:none;color:#4976AD;}
a:hover {text-decoration:underline;color:#353535;}
input,select,form img,button {vertical-align:middle;background:#FFFFFF;}
img {border:0;}
button {cursor:pointer;}
.joke{width: 700px;height: auto;overflow: hidden;padding: 0px 8px 0px 8px;}
.joke_left{float: left;width: 509px;height: auto;overflow: hidden;}
.joke_left_top{width: 509px;height: 25px;overflow: hidden;background:url("http://www.700la.com/img/index_10.png") repeat-x bottom;}
.joke_left_top li{float: left;width: 56px;height: 25px;cursor: pointer;display: inline;overflow: hidden;line-height: 220%;text-align: center;}
.joke_left_top .mores{float:left;width: 45px;height: 25px;cursor: pointer;display: inline;overflow: hidden;line-height: 220%;background:url("http://www.700la.com/img/index_more.png") no-repeat;}
.joke_left_top .on{color: #4c73a5;margin-right: 2px;font-weight: bold;background:url("http://www.700la.com/img/index_11.png") no-repeat;}
.joke_left_top .off{color: #999;margin-right: 2px;background:url("http://www.700la.com/img/index_12.png") no-repeat;}
.joke_left_top .off{color: #999;margin-right: 2px;background:url("http://www.700la.com/img/index_12.png") no-repeat;}
.joke_left_bottom{width: 509px;height: auto;overflow: hidden;}
.joke_left_bottom_left{float: left;width: 154px;height: auto;overflow: hidden;}
.joke_left_bottom_left_top{width: 154px;height: 105px;overflow: hidden;}
.joke_left_bottom_left_top ul{float: left;width: 154px;height: 93px;overflow: hidden;margin-top: 8px;}
.joke_left_bottom_left_top .tu{width: 150px;height: 88px;padding: 1px;overflow: hidden;border: 1px #FFC7D0 solid;}
.joke_left_bottom_left_top .tit{width: 154px;height: 25px;overflow: hidden;line-height: 220%;background:url("http://www.700la.com/img/index_23.png") no-repeat;}
.joke_left_bottom_left_top .tit a{color: #7B2E00;text-decoration: none;}
.joke_left_bottom_left_top .tit a:hover{color: #cc0000;text-decoration: none;}
.joke_left_bottom_left_bottom{width: 154px;height: 95px;overflow: hidden;padding-top: 6px;background:url("http://www.700la.com/img/index_29.png") no-repeat;}
.joke_left_bottom_left_bottom ul{width: 145px;height: 40px;color: #336699;overflow: hidden;text-align: left;line-height: 20px;padding: 4px 4px 0px 5px;}
.joke_left_bottom_right{float:right;width: 345px;height: auto;overflow: hidden;padding-top: 3px;}
.joke_left_bottom_right .x{}
.joke_left_bottom_right .h{display:none;}
.joke_left_bottom_right ul{width: 345px;height: 23px;overflow: hidden;}
.joke_left_bottom_right li{height: 23px;overflow: hidden;line-height: 210%;}
.joke_left_bottom_right .tit{float: left;width: 164px;text-align: left;padding-left:8px;background:url("http://www.700la.com/img/index_28.png") no-repeat;}
.joke_hr{width: 352px; height:11px;margin-top:11px; border-top:1px dotted #93aecd;}
.joke_left_bottom_right .time{float:right;width:152px;text-align:left;background:url("http://www.700la.comhttp://www.700la.com/img/index_28.png") no-repeat;padding-left:8px;}
.joke_right{float: right;width: 173px;height: 229px;overflow: hidden;border: 1px #FFC7D0 solid;}
.joke_right_top{width: 173px;height: 24px;overflow: hidden;background:url("http://www.700la.com/img/index_31.png") repeat-x;padding-top:3px;list-style:none;text-align: center;font-weight: bold}
.joke_right_bottom{width: 241px;height: 197px;overflow: hidden;margin-top:3px;padding-top:4px;background:url("http://www.700la.com/img/index_33.png") no-repeat;}
.joke_right_bottom li{width:205px;height:24px;overflow: hidden;text-align:left;padding:0px 6px 0px 30px;}
.daily_bobao{width: 699px;height: 30px;margin: 0px auto;overflow: hidden;margin-top:7px;margin-Bottom: 10px;background: #FDF6E4;border: 1px #FFC7D0 solid;}
.daily_bobao_left{float: left;width: 152px;height: 30px;color: #7B2E00;overflow: hidden;border-right: 1px #FFC7D0 solid;}
.daily_bobao_left li{width: 126px;height: 28px;overflow: hidden;text-align: left;line-height: 240%;padding-left: 24px;border: 1px #fff solid;background:url("http://www.700la.com/img/index_30.gif") no-repeat;}
.daily_bobao_right{float: right;width: 528px;height: 28px;overflow: hidden;background: #fff;padding: 0px 8px 0px 8px;border: 1px #FDF6E4 solid;}
.daily_bobao_right li{float: left;width: 519px;height: 28px;color: #999;text-align: left;overflow: hidden;line-height: 240%;}
</style>
<script>
function c1it(tabName,btnId,tabNumber){
for(i=0;i<tabNumber;i++){
document.getElementById(tabName+"_div"+i).style.display = "none";
document.getElementById(tabName+"_btn"+i).className = "off";
}
document.getElementById(tabName+"_div"+btnId).style.display = "block";
document.getElementById(tabName+"_btn"+btnId).className = "on";
}
function crazybu(tabName,btnId,tabNumber){
for(i=0;i<tabNumber;i++){
document.getElementById(tabName+"_div"+i).style.display = "none";
document.getElementById(tabName+"_btn"+i).className = "cyaskbu2";
}
document.getElementById(tabName+"_div"+btnId).style.display = "block";
document.getElementById(tabName+"_btn"+btnId).className = "cyaskbu1";
}
</script>
</head>
<body>
<div onmouseover="c1it('tab4',0,8)">笑 话</li>
<li onmouseover="c1it('tab4',1,8)">愚人篇</li>
<li onmouseover="c1it('tab4',2,8)">爱情篇</li>
<li onmouseover="c1it('tab4',3,8)">儿童篇</li>
<li onmouseover="c1it('tab4',4,8)">成人篇</li>
<li onmouseover="c1it('tab4',5,8)">网络篇</li>
<li onmouseover="c1it('tab4',6,8)">西游篇</li>
<li onmouseover="c1it('tab4',7,8)">冷笑话</li>
<li target="_blank"><img src='/up/090925/1-0Z9251423534N.jpg' width='150' height='88' alt='男生追女生的最高境界'></a></li></ul></div>
<div target="_blank"><img src='/up/allimg/090904/1_0Z41U0252S3.jpg' width='150' height='88' alt='90%的男人做的90%的事'></a></li></ul></div>
</div>
<div target="_blank">东村河边黑龟爬</a></li>
<li target="_blank">男性与女性区别定律</a></li></ul><ul>
<li target="_blank">字与字之间的的经典对白</a></li>
<li target="_blank">麻烦的机票</a></li></ul><ul>
<li target="_blank">曾经有一个女孩子肯和我一</a></li>
<li target="_blank">十种绝对会被暴打的男人</a></li></ul><ul>
<li target="_blank">翻版星语心愿:俺要控制俺</a></li>
<li target="_blank">翻版月亮之上之股票</a></li>
</ul>
<div target="_blank">诸葛亮与庞统,刘备:比草船</a></li>
<li target="_blank">风流倜傥的牛县长</a></li></ul><ul>
<li target="_blank">母乌龟四脚朝天</a></li>
<li target="_blank">丈夫说话时心里想的语言</a></li></ul><ul>
<li target="_blank">米还是那斤米</a></li>
<li target="_blank">恶搞东北人嘴里的大宝广告</a></li></ul><ul>
<li target="_blank">平凡人的平凡搞笑语录</a></li>
<li target="_blank">金庸小说主角成名曲大揭密</a></li>
</ul>
</div>
<div class=h id=tab4_div1>
<ul><li target="_blank">这都是唐伯虎的好话</a></li>
<li target="_blank">穿个唐装就以为老子不认识</a></li></ul><ul>
<li target="_blank">我们宁可欢迎狼到这儿来</a></li>
<li target="_blank">车上已没有座位,还挤什么</a></li></ul><ul>
<li target="_blank">我是新来的女佣</a></li>
<li target="_blank">鳄鱼没有一条是穿着皮鞋的</a></li></ul><ul>
<li target="_blank">也不能仍了啊!</a></li>
<li target="_blank">你愿意娶我吗?</a></li>
</ul>
<div target="_blank">千万不要把第一句当真</a></li>
<li target="_blank">楼上过道摔下来的!</a></li></ul><ul>
<li target="_blank">3条经典笑话</a></li>
</ul>
</div>
<div class=h id=tab4_div2>
<ul><li target="_blank">男生追女生的最高境界</a></li>
<li target="_blank">老头当街与我女朋友拥抱</a></li></ul><ul>
<li target="_blank">毛毛虫和蟑螂恋爱了……</a></li>
<li target="_blank">不就一彩屏吗</a></li></ul><ul>
<li target="_blank">我还有三个字没跟你说</a></li>
<li target="_blank">昨晚我脱下长筒袜子放在哪</a></li></ul><ul>
<li target="_blank">伤心排行榜:最伤MM的六句</a></li>
<li target="_blank">我穿的是婚纱</a></li>
</ul>
<div target="_blank">那你说吃什么:随便</a></li>
<li target="_blank">您掐我的时候我感受最深</a></li></ul><ul>
<li target="_blank">最传奇的恋人(人=虎)</a></li>
<li target="_blank">编辑与要命</a></li></ul><ul>
<li target="_blank">你最好的朋友</a></li>
<li target="_blank">她现在是我后妈</a></li></ul><ul>
<li target="_blank">开始流行减肥……</a></li>
<li target="_blank">生气女友爆笑经典语录</a></li>
</ul>
</div>
<div class=h id=tab4_div3>
<ul><li target="_blank">上面都有细细的毛</a></li>
<li target="_blank">爸爸在洗澡:快看快看</a></li></ul><ul>
<li target="_blank">可以先把番茄做成番茄酱再</a></li>
<li target="_blank">爷爷凋谢了</a></li></ul><ul>
<li target="_blank">感情破裂了</a></li>
<li target="_blank">爸爸生了个反义词</a></li></ul><ul>
<li target="_blank">爷爷您身体真好</a></li>
<li target="_blank">我妈妈现在每天都睡沙发</a></li>
</ul>
<div target="_blank">如果有一天大海里没有水了,</a></li>
</ul>
</div>
<div class=h id=tab4_div4>
<ul><li target="_blank">你现在想什么</a></li>
<li target="_blank">你们就不能休息一天吗</a></li></ul><ul>
<li target="_blank">口吃的老师</a></li>
<li target="_blank">你这个B分的也太开了</a></li></ul><ul>
<li target="_blank">某位男生在女生寝室外听到</a></li>
<li target="_blank">小姐,你相机(同义词版)</a></li></ul><ul>
<li target="_blank">附有品质保证书的处女膜</a></li>
<li target="_blank">女人好色的11大表现</a></li>
</ul>
<div target="_blank">哇,你买怎么大的内裤不怕</a></li>
<li target="_blank">生活小黄笑话11条</a></li></ul><ul>
<li target="_blank">搞笑版金庸小说人物性排行</a></li>
<li target="_blank">联合国调查她们的第一次</a></li></ul><ul>
</ul>
</div>
<div class=h id=tab4_div5>
<ul><li target="_blank">牛人学开车:就那么容易吗?</a></li>
<li target="_blank">三只囧猪的囧故事</a></li></ul><ul>
<li target="_blank">美女折磨交警的办法</a></li>
<li target="_blank">男生没有对女生说的后半句</a></li></ul><ul>
<li target="_blank">被公司开除的理由</a></li>
<li target="_blank">好与坏,晕的一系列关系</a></li></ul><ul>
<li target="_blank">工作族“口是心非”辞典</a></li>
<li target="_blank">上班族的工作评语</a></li>
</ul>
<div target="_blank">杨过跳崖不为人知的一面</a></li>
<li target="_blank">多种诀窍:卖不掉豆子的办</a></li></ul><ul>
</ul>
</div>
<div class=h id=tab4_div6>
<ul><li target="_blank">大话西游:拉登与布什的亲</a></li>
<li target="_blank">唐伯虎赠秋香的一句诗</a></li></ul><ul>
<li target="_blank">大话西游:之考场大撒篇</a></li>
<li target="_blank">西游记之重回女儿国</a></li></ul><ul>
<li target="_blank">恶搞孙悟空:千万不要唧唧</a></li>
<li target="_blank">大话西游之阿富汗版</a></li></ul><ul>
<li target="_blank">怎样用大话西游拒绝一个DD</a></li>
<li target="_blank">大话西游之失败的复试版</a></li>
</ul>
<div target="_blank">搞笑:道士唐僧师徒看病</a></li>
<li target="_blank">搞笑:周星驰老爸写给他的</a></li></ul><ul>
<li target="_blank">沙僧的一句话,最快上西天</a></li>
<li target="_blank">西游外传:真经也有水货</a></li></ul><ul>
<li target="_blank">无语:猪八戒是斑竹的祖师</a></li>
<li target="_blank">恶搞唐僧:喃呒阿弥陀佛</a></li></ul><ul>
</ul>
</div>
<div class=h id=tab4_div7>
<ul><li target="_blank">恶搞爆笑:隐形的翅膀</a></li>
<li target="_blank">世上最惨的事莫过于此</a></li></ul><ul>
<li target="_blank">“恋”是个很强悍的字。</a></li>
<li target="_blank">真正最冷的笑话</a></li></ul><ul>
<li target="_blank">父亲心底的深谋远略</a></li>
<li target="_blank">中午的馒头把围墙上的铁条</a></li></ul><ul>
<li target="_blank">刺客不一定铁石心肠</a></li>
<li target="_blank">小新的十个经典笑话</a></li>
</ul>
<div target="_blank">女大学生文雅性暗示</a></li>
<li target="_blank">老板最喜欢的女秘书</a></li></ul><ul>
<li target="_blank">四岁儿子的天真问题</a></li>
<li target="_blank">和尚媳妇是不是尼姑</a></li></ul><ul>
<li target="_blank">有能耐你做两个仰卧起坐试</a></li>
<li target="_blank">主持婚礼的花费标准</a></li></ul><ul>
<li target="_blank">大家要学会修笔记本:这是</a></li>
<li target="_blank">不来了!把我肚子都搞大了</a></li>
</ul>
</div>
</div>
</div>
</div>
<div target="_blank">翻版月亮之上之股票</a></li>
<li target="_blank">工作族“口是心非”辞典</a></li>
<li target="_blank">大话西游:拉登与布什的</a></li>
<li target="_blank">麻烦的机票</a></li>
<li target="_blank">老鹰队+山猫队 =猫头鹰</a></li>
<li target="_blank">沙僧的一句话,最快上西</a></li>
<li target="_blank">西游外传:真经也有水货</a></li>
<li target="_blank">无语:猪八戒是斑竹的祖</a></li>
</ul>
</div>
</div>
</div>
</body>
</html></pre>
<p>?</p>