效果图:
鼠标经过图像的时候会触发hover 1s内转一圈=-=
代码:
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<title>MyHtml.html</title>
<meta name="keywords" content="keyword1,keyword2,keyword3">
<meta name="description" content="this is my page">
<meta name="content-type" content="text/html; charset=gb2312">
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
<style type="text/css">
*{ margin:0;padding=0;}
body{background: url("../images/辉夜.jpeg") scroll;}
li {list-style: none;}
#box{
width: 1070px;
height: 630px;
margin: 50px auto;
}
#box ul li{
position:relative;