<strong><span style="font-size:12px;"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>MyHtml.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!--<link rel="stylesheet" type="text/css" href="./styles.css" target="_blank" rel="external nofollow" >-->
<style>
*{margin:0px ; padding:0px;}
#big{width:100%;}
.main{width:238px ;height:318px; background:rgba(160,0,13,0.5);
position:absolute/*定位*/; top:10px; right:80px;
border-radius:10px;
box-shadow:0px 0px 10px #FFFFFF ,-1px -1px 10px #FFFFFF;
border:3px solid #ffff33;overflow:hidden;}
.main li{height:34px; border-bottom:1px solid #cc99ff;
background:rgba(160,0,13,0.7);padding:0px 15px;list-style:none;}
.main li:hover{background:#ffcc99;}
.main li a{color:#FFFFFF; font-size:14px; line-height:34px;
text-align:center;display:block;Text-decoration:none;}
</style>
</head>
<body>
<div id="big">
<img src="images/7.jpg" width=100% id="duoer"/>
</div>
<div class="main">
<ul>
<li> <a href="#" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" οnmοuseοver="dh('images/7.jpg')">我叫王琪：热血矮丑穷暴打高冷高帅富</a></li>
<li><a href="#" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" οnmοuseοver="dh('images/8.jpg')">我学习html：小罗伯特唐尼变风骚律师</a></li>
<li><a href="#" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" οnmοuseοver="dh('images/9.jpg')">加油王琪：蜘蛛次只为搏红颜一笑</a></li>
<li><a href="#" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" οnmοuseοver="dh('images/6.jpg')">我爱你：复仇者联盟重磅回归</a></li>
<li><a href="#" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" οnmοuseοver="dh('images/5.jpg')">哈哈哈：今夏热映：跑酷、肉搏</a></li>
<li><a href="#" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" οnmοuseοver="dh('images/4.jpg')">我做出来了：高智商烧脑片挑战IQ</a></li>
<li><a href="#" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" οnmοuseοver="dh('images/3.jpg')">加油：地方那与报销同居</a></li>
<li><a href="#" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" οnmοuseοver="dh('images/2.jpg')">哈哈：只有用魔法提升颜值</a></li>
<li><a href="#" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" οnmοuseοver="dh('images/2.jpg')">同居损友：三那与报销到山顶</a></li>
</ul>
</div>
<script type="text/javascript">
function dh(src){document.getElementById("duoer").src=src;}
</script>
</body>
</html>
</span></strong>
html+css实现爱奇艺图片展示 
html+css实现爱奇艺图片展示 
