Source: http://www.ido321.com/858.html
:
Demo Address: http://jsfiddle.net/Web_Code/q5qfd8aL/embedded/result/
Code:
1:<html>
2:<html lang= "en">
3:<head>
4: <Meta http-equiv= "contentcontent=" Text/html; Charset=utf-8 ">
5: <title> photo Carousel Focus </title>
6: <style type= "Text/css">
7: . Div
8: {
9: width240px;
Ten: positionAbsolute;
One : }
: ul
: {
: list-stylenone;
: margin-left-50px;
: }
P : ulLi
: {
: width50px;
: height50px;
: margin-left10px;
: floatleft;
At : border1px solid #ccc;
: background-color#ccc;
: border-radius:25px;
: text-alignCenter;
: }
: li: hover
: {
: background-colorred;
: }
+ : span
: {
Font-size : 30px;
: line-height50px;
: }
Panax Notoginseng: </style>
:</head>
:<body>
Max : <Div class= "div">
: <ul>
< li > < span > 1< / span > < /li >
: < li > < span > 2< / span > < /li >
< li > < span > 3< / span > < /li >
: <li><span>4 </span></li>
: </ul>
: </div>
:</body>
CSS quick-make picture carousel focus