HTML div动画

来源：互联网发布：mac air能装win7系统编辑：程序博客网时间：2024/06/11 19:20

没动作

鼠标放上去

<head><meta charset="UTF-8"><title></title><style>.div01 {width: 882px;height: 86px;background-color: brown;margin: 0 auto;padding: 0px;position: absolute;overflow: hidden;border: 3px solid red;}li {float: left;font-size: 0;/*margin: 0px;padding: 0px;*/}ul {width: 1764px;height: 86px;margin: 0px;padding: 0px;background: red;list-style: none;position: absolute;left: 0;}.div01:hover ul {left: -126px;}</style></head><body><div class="div01"><ul><li><img src="img/1.jpg" style="float:left" /></li><li><img src="img/2.jpg" style="float:left" /></li><li><img src="img/3.jpg" style="float:left" /></li><li><img src="img/4.jpg" style="float:left" /></li><li><img src="img/5.jpg" style="float:left" /></li><li><img src="img/6.jpg" style="float:left" /></li><li><img src="img/7.jpg" style="float:left" /></li><li><img src="img/1.jpg" style="float:left" /></li><li><img src="img/2.jpg" style="float:left" /></li><li><img src="img/3.jpg" style="float:left" /></li><li><img src="img/4.jpg" style="float:left" /></li><li><img src="img/5.jpg" style="float:left" /></li><li><img src="img/6.jpg" style="float:left" /></li><li><img src="img/7.jpg" style="float:left" /></li></ul></div></body>

阅读全文

0 0