首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

鼠标方下去切换

2012-09-18 
鼠标方上去切换pre namecode http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmln

鼠标方上去切换
<pre name="code" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
&lt;head&gt;
&lt;style&gt;
* {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%;}
&lt;/style&gt;
&lt;script&gt;
function c1it(tabName,btnId,tabNumber){
for(i=0;i&lt;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&lt;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";
}
&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;div onmouseover="c1it('tab4',0,8)"&gt;笑 话&lt;/li&gt;
&lt;li onmouseover="c1it('tab4',1,8)"&gt;愚人篇&lt;/li&gt;
&lt;li onmouseover="c1it('tab4',2,8)"&gt;爱情篇&lt;/li&gt;
&lt;li onmouseover="c1it('tab4',3,8)"&gt;儿童篇&lt;/li&gt;
&lt;li onmouseover="c1it('tab4',4,8)"&gt;成人篇&lt;/li&gt;
&lt;li onmouseover="c1it('tab4',5,8)"&gt;网络篇&lt;/li&gt;
&lt;li onmouseover="c1it('tab4',6,8)"&gt;西游篇&lt;/li&gt;
&lt;li onmouseover="c1it('tab4',7,8)"&gt;冷笑话&lt;/li&gt;
&lt;li target="_blank"&gt;&lt;img src='/up/090925/1-0Z9251423534N.jpg' width='150' height='88' alt='男生追女生的最高境界'&gt;&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;
&lt;div target="_blank"&gt;&lt;img src='/up/allimg/090904/1_0Z41U0252S3.jpg' width='150' height='88' alt='90%的男人做的90%的事'&gt;&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;

&lt;/div&gt;
&lt;div target="_blank"&gt;东村河边黑龟爬&lt;/a&gt;&lt;/li&gt;
&lt;li target="_blank"&gt;男性与女性区别定律&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;ul&gt;
&lt;li target="_blank"&gt;字与字之间的的经典对白&lt;/a&gt;&lt;/li&gt;
&lt;li target="_blank"&gt;麻烦的机票&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;ul&gt;
&lt;li target="_blank"&gt;曾经有一个女孩子肯和我一&lt;/a&gt;&lt;/li&gt;
&lt;li target="_blank"&gt;十种绝对会被暴打的男人&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;ul&gt;
&lt;li target="_blank"&gt;翻版星语心愿:俺要控制俺&lt;/a&gt;&lt;/li&gt;
&lt;li target="_blank"&gt;翻版月亮之上之股票&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;div target="_blank"&gt;诸葛亮与庞统,刘备:比草船&lt;/a&gt;&lt;/li&gt;
&lt;li target="_blank"&gt;风流倜傥的牛县长&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;ul&gt;
&lt;li target="_blank"&gt;母乌龟四脚朝天&lt;/a&gt;&lt;/li&gt;
&lt;li target="_blank"&gt;丈夫说话时心里想的语言&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;ul&gt;
&lt;li target="_blank"&gt;米还是那斤米&lt;/a&gt;&lt;/li&gt;
&lt;li target="_blank"&gt;恶搞东北人嘴里的大宝广告&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;ul&gt;
&lt;li target="_blank"&gt;平凡人的平凡搞笑语录&lt;/a&gt;&lt;/li&gt;
&lt;li target="_blank"&gt;金庸小说主角成名曲大揭密&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;div class=h id=tab4_div1&gt;
&lt;ul&gt;&lt;li target="_blank"&gt;这都是唐伯虎的好话&lt;/a&gt;&lt;/li&gt;
&lt;li target="_blank"&gt;穿个唐装就以为老子不认识&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;ul&gt;
&lt;li target="_blank"&gt;我们宁可欢迎狼到这儿来&lt;/a&gt;&lt;/li&gt;
&lt;li target="_blank"&gt;车上已没有座位,还挤什么&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;ul&gt;
&lt;li target="_blank"&gt;我是新来的女佣&lt;/a&gt;&lt;/li&gt;
&lt;li target="_blank"&gt;鳄鱼没有一条是穿着皮鞋的&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;ul&gt;
&lt;li target="_blank"&gt;也不能仍了啊!&lt;/a&gt;&lt;/li&gt;
&lt;li target="_blank"&gt;你愿意娶我吗?&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;div target="_blank"&gt;千万不要把第一句当真&lt;/a&gt;&lt;/li&gt;
&lt;li target="_blank"&gt;楼上过道摔下来的!&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;ul&gt;
&lt;li target="_blank"&gt;3条经典笑话&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;div class=h id=tab4_div2&gt;
&lt;ul&gt;&lt;li target="_blank"&gt;男生追女生的最高境界&lt;/a&gt;&lt;/li&gt;
&lt;li target="_blank"&gt;老头当街与我女朋友拥抱&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;ul&gt;
&lt;li target="_blank"&gt;毛毛虫和蟑螂恋爱了……&lt;/a&gt;&lt;/li&gt;
&lt;li target="_blank"&gt;不就一彩屏吗&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;ul&gt;
&lt;li target="_blank"&gt;我还有三个字没跟你说&lt;/a&gt;&lt;/li&gt;
&lt;li target="_blank"&gt;昨晚我脱下长筒袜子放在哪&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;ul&gt;
&lt;li target="_blank"&gt;伤心排行榜:最伤MM的六句&lt;/a&gt;&lt;/li&gt;
&lt;li target="_blank"&gt;我穿的是婚纱&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;div target="_blank"&gt;那你说吃什么:随便&lt;/a&gt;&lt;/li&gt;
&lt;li target="_blank"&gt;您掐我的时候我感受最深&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;ul&gt;
&lt;li target="_blank"&gt;最传奇的恋人(人=虎)&lt;/a&gt;&lt;/li&gt;
&lt;li target="_blank"&gt;编辑与要命&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;ul&gt;
&lt;li target="_blank"&gt;你最好的朋友&lt;/a&gt;&lt;/li&gt;
&lt;li target="_blank"&gt;她现在是我后妈&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;ul&gt;
&lt;li target="_blank"&gt;开始流行减肥……&lt;/a&gt;&lt;/li&gt;
&lt;li target="_blank"&gt;生气女友爆笑经典语录&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;div class=h id=tab4_div3&gt;
&lt;ul&gt;&lt;li target="_blank"&gt;上面都有细细的毛&lt;/a&gt;&lt;/li&gt;
&lt;li target="_blank"&gt;爸爸在洗澡:快看快看&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;ul&gt;
&lt;li target="_blank"&gt;可以先把番茄做成番茄酱再&lt;/a&gt;&lt;/li&gt;
&lt;li target="_blank"&gt;爷爷凋谢了&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;ul&gt;
&lt;li target="_blank"&gt;感情破裂了&lt;/a&gt;&lt;/li&gt;
&lt;li target="_blank"&gt;爸爸生了个反义词&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;ul&gt;
&lt;li target="_blank"&gt;爷爷您身体真好&lt;/a&gt;&lt;/li&gt;
&lt;li target="_blank"&gt;我妈妈现在每天都睡沙发&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;div target="_blank"&gt;如果有一天大海里没有水了,&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;div class=h id=tab4_div4&gt;
&lt;ul&gt;&lt;li target="_blank"&gt;你现在想什么&lt;/a&gt;&lt;/li&gt;
&lt;li target="_blank"&gt;你们就不能休息一天吗&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;ul&gt;
&lt;li target="_blank"&gt;口吃的老师&lt;/a&gt;&lt;/li&gt;
&lt;li target="_blank"&gt;你这个B分的也太开了&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;ul&gt;
&lt;li target="_blank"&gt;某位男生在女生寝室外听到&lt;/a&gt;&lt;/li&gt;
&lt;li target="_blank"&gt;小姐,你相机(同义词版)&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;ul&gt;
&lt;li target="_blank"&gt;附有品质保证书的处女膜&lt;/a&gt;&lt;/li&gt;
&lt;li target="_blank"&gt;女人好色的11大表现&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;div target="_blank"&gt;哇,你买怎么大的内裤不怕&lt;/a&gt;&lt;/li&gt;
&lt;li target="_blank"&gt;生活小黄笑话11条&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;ul&gt;
&lt;li target="_blank"&gt;搞笑版金庸小说人物性排行&lt;/a&gt;&lt;/li&gt;
&lt;li target="_blank"&gt;联合国调查她们的第一次&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;ul&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;div class=h id=tab4_div5&gt;
&lt;ul&gt;&lt;li target="_blank"&gt;牛人学开车:就那么容易吗?&lt;/a&gt;&lt;/li&gt;
&lt;li target="_blank"&gt;三只囧猪的囧故事&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;ul&gt;
&lt;li target="_blank"&gt;美女折磨交警的办法&lt;/a&gt;&lt;/li&gt;
&lt;li target="_blank"&gt;男生没有对女生说的后半句&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;ul&gt;
&lt;li target="_blank"&gt;被公司开除的理由&lt;/a&gt;&lt;/li&gt;
&lt;li target="_blank"&gt;好与坏,晕的一系列关系&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;ul&gt;
&lt;li target="_blank"&gt;工作族“口是心非”辞典&lt;/a&gt;&lt;/li&gt;
&lt;li target="_blank"&gt;上班族的工作评语&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;div target="_blank"&gt;杨过跳崖不为人知的一面&lt;/a&gt;&lt;/li&gt;
&lt;li target="_blank"&gt;多种诀窍:卖不掉豆子的办&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;ul&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;div class=h id=tab4_div6&gt;
&lt;ul&gt;&lt;li target="_blank"&gt;大话西游:拉登与布什的亲&lt;/a&gt;&lt;/li&gt;
&lt;li target="_blank"&gt;唐伯虎赠秋香的一句诗&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;ul&gt;
&lt;li target="_blank"&gt;大话西游:之考场大撒篇&lt;/a&gt;&lt;/li&gt;
&lt;li target="_blank"&gt;西游记之重回女儿国&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;ul&gt;
&lt;li target="_blank"&gt;恶搞孙悟空:千万不要唧唧&lt;/a&gt;&lt;/li&gt;
&lt;li target="_blank"&gt;大话西游之阿富汗版&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;ul&gt;
&lt;li target="_blank"&gt;怎样用大话西游拒绝一个DD&lt;/a&gt;&lt;/li&gt;
&lt;li target="_blank"&gt;大话西游之失败的复试版&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;div target="_blank"&gt;搞笑:道士唐僧师徒看病&lt;/a&gt;&lt;/li&gt;
&lt;li target="_blank"&gt;搞笑:周星驰老爸写给他的&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;ul&gt;
&lt;li target="_blank"&gt;沙僧的一句话,最快上西天&lt;/a&gt;&lt;/li&gt;
&lt;li target="_blank"&gt;西游外传:真经也有水货&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;ul&gt;
&lt;li target="_blank"&gt;无语:猪八戒是斑竹的祖师&lt;/a&gt;&lt;/li&gt;
&lt;li target="_blank"&gt;恶搞唐僧:喃呒阿弥陀佛&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;ul&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;div class=h id=tab4_div7&gt;
&lt;ul&gt;&lt;li target="_blank"&gt;恶搞爆笑:隐形的翅膀&lt;/a&gt;&lt;/li&gt;
&lt;li target="_blank"&gt;世上最惨的事莫过于此&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;ul&gt;
&lt;li target="_blank"&gt;“恋”是个很强悍的字。&lt;/a&gt;&lt;/li&gt;
&lt;li target="_blank"&gt;真正最冷的笑话&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;ul&gt;
&lt;li target="_blank"&gt;父亲心底的深谋远略&lt;/a&gt;&lt;/li&gt;
&lt;li target="_blank"&gt;中午的馒头把围墙上的铁条&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;ul&gt;
&lt;li target="_blank"&gt;刺客不一定铁石心肠&lt;/a&gt;&lt;/li&gt;
&lt;li target="_blank"&gt;小新的十个经典笑话&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;div target="_blank"&gt;女大学生文雅性暗示&lt;/a&gt;&lt;/li&gt;
&lt;li target="_blank"&gt;老板最喜欢的女秘书&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;ul&gt;
&lt;li target="_blank"&gt;四岁儿子的天真问题&lt;/a&gt;&lt;/li&gt;
&lt;li target="_blank"&gt;和尚媳妇是不是尼姑&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;ul&gt;
&lt;li target="_blank"&gt;有能耐你做两个仰卧起坐试&lt;/a&gt;&lt;/li&gt;
&lt;li target="_blank"&gt;主持婚礼的花费标准&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;ul&gt;
&lt;li target="_blank"&gt;大家要学会修笔记本:这是&lt;/a&gt;&lt;/li&gt;
&lt;li target="_blank"&gt;不来了!把我肚子都搞大了&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div target="_blank"&gt;翻版月亮之上之股票&lt;/a&gt;&lt;/li&gt;
&lt;li target="_blank"&gt;工作族“口是心非”辞典&lt;/a&gt;&lt;/li&gt;
&lt;li target="_blank"&gt;大话西游:拉登与布什的&lt;/a&gt;&lt;/li&gt;
&lt;li target="_blank"&gt;麻烦的机票&lt;/a&gt;&lt;/li&gt;
&lt;li target="_blank"&gt;老鹰队+山猫队 =猫头鹰&lt;/a&gt;&lt;/li&gt;
&lt;li target="_blank"&gt;沙僧的一句话,最快上西&lt;/a&gt;&lt;/li&gt;
&lt;li target="_blank"&gt;西游外传:真经也有水货&lt;/a&gt;&lt;/li&gt;
&lt;li target="_blank"&gt;无语:猪八戒是斑竹的祖&lt;/a&gt;&lt;/li&gt;

&lt;/ul&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;</pre>
<p>?</p>

热点排行