html实现图标滚动,图标滚动.html

图标滚动

*{

margin: 0;

padding: 0;

}

body{

background: #EBEBED;

}

.head_href

{

width: 980px;

height: 36px;

overflow: hidden;

margin: 0 auto;

}

a{

text-decoration: none;

color: #777;

font: 12px/18px "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;

}

.href_Top_left{

float: left;

line-height: 36px;

}

.href_Top_right{

float: right;

line-height: 36px;

}

.box{

background: #FFFFFF;

width: 980px;

margin: 5px auto 0;

box-shadow: 0 1px 5px rgba(0,0,0,0.3);

border: 1px solid #E5E5E5;

}

.box_head{

height: 158px;

width: 820px;

position: relative;

overflow: hidden;

margin: 0 70px;

}

.img_head{

width: 1680px;

}

.img_head li{

list-style: none;

float: left;

width: 140px;

text-align: center;

}

.footer{

background: #FFFFFF;

height: 30px;

border: 1px solid #ebebeb;

border-radius: 3px 3px 0 0;

text-align: center;

position: relative;

}

.cursor{

position: absolute;

left: 420px;

display: block;

width: 15px;

height: 8px;

background: url("img1/13.gif");

background-repeat: no-repeat;

}

.footer a{

cursor: pointer;

line-height: 30px;

margin: 0 15px;

text-shadow: 0 1px 0 #ffffff;

}

.show{

color: black;

}

• 

  iPod shuffle

• 

  iPod nano

• 

  iPod classic

• 

  iPod touch

• 

  Apple tv

• 

  Accessories

• 

  Download iTunes 10

• 

  iTunes git

• 

  Nike+iPod

• 

  Red

• 

  MobileMe

• 

  In-Ear

Products

iTunes and More

一键复制

编辑

Web IDE

原始数据

按行查看

历史