<!DOCTYPE html> |
< html xmlns = "http://www.w3.org/1999/xhtml" > |
< head > |
< title ></ title > |
< script src = "Scripts/jquery-1.10.2.min.js" ></ script > |
< script src = "Scripts/Demo.js" ></ script > |
< style type = "text/css" > |
* { |
padding: 0; |
margin: 0; |
} |
html { |
overflow-y: hidden; |
} |
body { |
font-family: Tahoma,Arial,Helvetica; |
font-size: 12px; |
text-align: left; |
background: #FFF; |
color: #000; |
} |
div, img, span { |
border: 0; |
} |
input { |
border: 1px solid rgb(211,211,211); |
vertical-align: middle; |
background: white; |
font-size: 12px; |
padding: 1px 6px; |
} |
.stage { |
width: 250px; |
height: 150px; |
overflow: hidden; |
margin:10px; |
} |
.container { |
width: 1250px; |
position: relative; |
} |
.btns { |
position: relative; |
left: 130px; |
top: -30px; |
} |
</ style > |
</ head > |
< body > |
< div class = "stage" > |
< div class = "container" id = "container" > |
< img src = "imgs/1.jpg" />< img src = "imgs/2.jpg" />< img src = "imgs/3.jpg" />< img src = "imgs/4.jpg" />< img src = "imgs/5.jpg" /> |
</ div > |
< div class = "btns" id = "btns" >< input type = "button" value = "1" />< input type = "button" value = "2" />< input type = "button" value = "3" />< input type = "button" value = "4" />< input type = "button" value = "5" /></ div > |
</ div > |
< br > |
< div class = "stage" > |
< div class = "container" id = "container1" > |
< img src = "imgs/1.jpg" />< img src = "imgs/2.jpg" />< img src = "imgs/3.jpg" />< img src = "imgs/4.jpg" />< img src = "imgs/5.jpg" /> |
</ div > |
< div class = "btns" id = "btns1" >< input type = "button" value = "1" />< input type = "button" value = "2" />< input type = "button" value = "3" />< input type = "button" value = "4" />< input type = "button" value = "5" /></ div > |
</ div > |
</ body > |
</ html > |