<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>笑话十则</title>
</head>
<body style="margin:0px;padding:0px;">
<div style="width:600px;height:600px;background:blue;border:1px solid #FFF;margin:0 auto;">
<div><h1 style="text-align:center;color:#FFF;">笑话十则</h1> </div>
<div>
<ul style="list-style-type:none;color:#FFF;">
<li value="我刚进家门，衣服还没换，老爸就拎着棒子生气的回来，我疑惑的问道：“爸，你干什么去了？”老爸淡定的对我说道：“以后别这么晚回家，你老爸就你这一个女儿。”说完，老爸就进屋了，我回自己房间合计了半天，也没想明白，于是给男朋友打电话，让他帮我分析一下，结果男朋友告诉我他在医院呢，说是不放心我自己回家，偷偷跟在我后面，莫明其妙让人拿棒子打了。">闺女，别太晚回家，老爸就你这一个女儿</li>
<li value="闺蜜上楼梯摔伤了，知道消息后赶紧买了水果探望，一看她男朋友也伤了，问闺蜜怎么回事？闺蜜答:上楼梯高跟鞋踩空了。我：那你男朋友怎么回事？闺蜜：天冷，我俩合围了一条围巾。">什么叫连带？这就是了！</li>
<li value="小时候闹腾得很，有次和小伙伴一起放炮仗玩，剩下一个最大的，点燃隔墙丢路边茅坑里了。然后就听见里面一声大喊，谁家小兔崽子，我听出是龙叔的声音，灵机一动，边跑边喊：“小龙快跑，好像是你爸。”">无辜的小龙被损友无情出卖</li>
<li value="无意中发现一朋友手机里只有6个联系人，我笑他朋友少。他笑着说：你随便找个人拨过去。我翻到最后一个联系人打过去，于是他拿起电话：“有点急事给我打五千块用一下。”5分钟后短信提醒他的银行卡一万进账。我:“我懂了！”他说:“你还不懂。”说完他把那人拉黑了">不到最后，千万不要轻易下结论</li>
<li value="女朋友来我家了，很急促的敲门，我刚一开门她就跑到我的床上开始哭，像是被什么吓到了，我问她怎么了，她说：路上碰见一辆送殡车，车上放了一首歌。我说：放歌？放歌怎么了？放歌很正常啊。她说：放的那首歌太吓人了。我说：放的什么歌？她说：跟我走吧～天亮就出发！">跟我走吧～天亮就出发！</li>
<li value="一天，在一辆公共汽车上有很多人，正在售票员买票时，突然一个人放了一个屁，车上的人都感到呼吸不适，纷纷骂着这个不文明的人。这时售票员大声喊：“谁没买票？”一名乘客答：“刚放屁的那个人没买票。”这时一个人站起来大声嚷：“谁说我没买票。”">刚放屁的那个人没买票。</li>
<li value="儿子上小学不到一个星期就跟同桌干了一仗，矛盾的起源是两人争论一天三顿饭还是一天两顿饭，各执一词互不相让。后来知道真相的儿子含着泪对着我跟媳妇说：“六年了，六年啊！我活了六年才知道这世界上还有一顿饭叫“早餐”！”">活了六年才知道世界上有一顿饭叫“早餐”！</li>
<li value="有人问我：“骗子这么多，手段这么丰富，而且听起来非常诱人，为什么你能总是能够第一时间识破骗子的伎俩，一直没有被骗？秘诀到底是什么？”我嘴角露出一丝不屑，高傲的说了一个字：“穷！”">为什么骗子骗不了我？穷</li>
<li value="在外面吃面，对面有一萝莉跟她爹，同吃一碗。她爹先是将她喂饱，然后应萝莉要求去买奶茶了。只见这小萝莉拿起勺子一勺一勺的往面里放芥末，嘴里不停嘀咕：“让你喂，我让你喂，吃不下了还喂，辣死你……辣死你……”">辣死你……辣死你……</li>
<li value="一男子相亲，由于家里穷，30岁还是单身，一朋友给他介绍了一个，老妈陪着他去看了挺满意的。回到家，老妈问:“儿子，那姑娘怎么样？”他说:“还可以，就是有点胖了。”老妈听了，语重心长的说道:“儿子，别挑了，就咱家这条件，饿瘦她是迟早的事。” 男子瞬间有了信心 ……">男子瞬间有了信心 ……</li>
</ul>
</div>
<div id="content" style="color:#FFF;padding:10px;"></div>
</div>
<script>
var li = document.querySelectorAll('li');
for(var i=0;i<li.length;i++){
li[i].onmousemove = function(){
this.style.background = 'red';
document.getElementById('content').innerHTML = this.getAttribute('value');
}
li[i].onmouseout = function(){
this.style.background = 'blue';
}
}
</script>
</body>
</html>