我代碼又哪錯(cuò)了。。。
<!DOCTYPE html>
<html lang="en">
<head>
? ?<meta charset="UTF-8">
? ?<title>Title</title>
? ?<style>
? ?body,table{
? ? ? ?padding: 10px;
? ? ? ?margin: 10px auto;
? ? ? ?border: 1px solid #CCCCCC;
? ?}
? ? ? ?#move a {
? ? ? ? ? ?display: inline-block;
? ? ? ? ? ?width: 200px;
? ? ? ? ? ?height: 120px;
? ? ? ? ? ?border: 1px solid #dddddd;
? ? ? ? ? ?border-radius: 3px;
? ? ? ? ? ?background-color: #ffffff;
? ? ? ? ? ?text-align: center;
? ? ? ? ? ?margin: 10px 7px;
? ? ? ? ? ?position:relative;
? ? ? ? ? ?padding-top: 40px;
? ? ? ? ? ?color: #9c9c9c;
? ? ? ? ? ?font-size: 12px;
? ? ? ? ? ?text-decoration: none;
? ? ? ? ? ?line-height: 25px;
? ? ? ? ? ?overflow: hidden;
? ? ? ?}
? ? ? ?#move a i{
? ? ? ? ? ?position: absolute;
? ? ? ? ? ?top:20px;
? ? ? ? ? ?left: 0;
? ? ? ? ? ?display:inline-block;
? ? ? ? ? ?width: 100%;
? ? ? ? ? ?text-align: center;
? ? ? ? ? ?-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
? ? ? ? ? ?filter:alpha(opacity=100);
? ? ? ? ? ?opacity: 1;
? ? ? ?}
? ? ? ?#move a:hover{
? ? ? ? ? ?color: #F00;
? ? ? ?}
? ? ? ?#move img{
? ? ? ? ? ?border: none;
? ? ? ?}
? ?</style>
? ?<script src="js/move.js"></script>
? ?<script>
? ? ? ?window.onload=function(){
? ? ? ? ? ?var oMove=document.getElementById('move');
? ? ? ? ? ?var aList = oMove.document.getElementsByTagName('a');
? ? ? ? ? ?for(var i=0;i<aList.length;i++){
? ? ? ? ? ? ? ?aList[i].onmouseover=function () {
? ? ? ? ? ? ? ? ? ?var _this=this.getElementsByTagName('i')[0];
? ? ? ? ? ? ? ? ? ?startMove(_this,{top:-25,opacity:0},function () {
? ? ? ? ? ? ? ? ? ? ? ?_this.style.top=30+"px";
? ? ? ? ? ? ? ? ? ? ? ?startMove(_this,{top:20,opacity:100});
? ? ? ? ? ? ? ? ? ?});
? ? ? ? ? ? ? ?}
? ? ? ? ? ?}
? ? ? ?}
? ?</script>
</head>
<body>
<table id="move">
? ?<tr>
? ? ? <td><a href=""><i><img src="img/i.jpg"></i><p style="margin: 90px 0">吃噠</p></a> </td>
? ? ? <td><a href=""><i><img src="img/i.jpg"></i><p style="margin: 90px 0">吃噠</p></a> </td>
? ? ? <td><a href=""><i><img src="img/i.jpg"></i><p style="margin: 90px 0">吃噠</p></a> </td>
? ?</tr>
<tr>
? ?<td><a href=""><i><img src="img/i.jpg"></i><p style="margin: 90px 0">吃噠</p></a> </td>
? ?<td><a href=""><i><img src="img/i.jpg"></i><p style="margin: 90px 0">吃噠</p></a> </td>
? ?<td><a href=""><i><img src="img/i.jpg"></i><p style="margin: 90px 0">吃噠</p></a> </td>
</tr>
</table>
</body>
</html>
