A game site based on jquery Focus map carousel effect. This is a project with the progress bar timing switch, with the thumbnail switch of the jquery site focus map code. As follows:
Online preview Source Download
The implemented code.
HTML code:
<Center> <BR> <DivID= "Chinaz"> <Divclass= "Banner-btn"> <ahref= "javascript:;"class= "Prevbtn"rel= "nofollow"><I></I></a><ahref= "javascript:;"class= "Nextbtn"rel= "nofollow"><I></I></a> </Div> <ulclass= "Banner-img"> <Li> <imgsrc= "Images/1.jpg"alt= "Violent Safari" World 2 "Android online release"> <ahref= "http://www.w2bc.com/"> <P>Violent Safari "World 2" Android online release</P> </a><span></span></Li> <Li> <imgsrc= "Images/2.jpg"alt= "The most beautiful princess of the first round of the end of" Xi Princess biography "grassroots endorsement Yan value explosion table"> <ahref= "http://www.w2bc.com/"> <P>the most beautiful princess of the end of the "Xi Princess Biography" Grassroots Yan value explosion table</P> </a><span></span></Li> <Li> <imgsrc= "Images/3.jpg"alt= "The future of virtual reality games with girls living in the United States"> <ahref= "http://www.w2bc.com/"> <P>the future of virtual reality games with girls living in the United States</P> </a><span></span></Li> <Li> <imgsrc= "Images/4.jpg"alt= "Snail Digital Mysterious Hand tour W first exposure 4 great suspense hanging foot appetite"> <ahref= "http://www.w2bc.com/"> <P>Snail Digital Mysterious Hand tour W suspense station first exposure</P> </a><span></span></Li> <Li> <imgsrc= "Images/5.jpg"alt= "Industry leader unveils 10 pioneering work to change the game type development"> <ahref= "http://www.w2bc.com/"> <P>uncover 10 pioneering work to change the game genre</P> </a><span></span></Li> </ul> <ulclass= "Banner-circle"> <Liclass= "Selected"><ahref= "javascript:;"rel= "nofollow"> <imgsrc= "Images/1.jpg"></a> </Li> <Li><ahref= "javascript:;"rel= "nofollow"> <imgsrc= "Images/2.jpg"></a> </Li> <Li><ahref= "javascript:;"rel= "nofollow"> <imgsrc= "Images/3.jpg"></a> </Li> <Li><ahref= "javascript:;"rel= "nofollow"> <imgsrc= "Images/4.jpg"></a> </Li> <Li><ahref= "javascript:;"rel= "nofollow"> <imgsrc= "Images/5.jpg"></a> </Li> </ul> <Divclass= "Banner-load"> </Div> </Div> </Center>
via:http://www.w2bc.com/article/42487
Focus Map Carousel effect based on jquery game website