: http://www.lanrentuku.com/js/jiaodiantu-1076.html
To modify a focus chart:
CSS code:
/* Lazy Gallery Collection and collation www.lanrentuku.com *//* focus map *//*-------------------------------here to modify the overall size (width:960px; height:500px;)-----------------------------------*/.focus{position:relative; width:960px; height:500px; Background-color: #000; Float:left;} . focus img{width:960px; height:500px;}/*------------------------------------------------------------------------ ------------------------------------------*/.focus. Shadow title{width:260px; height:65px;padding-left:30px; padding-top:20px;}. Focus. Shadow title a{Text-decoration:none; color: #fff; font-size:14px; font-weight:bolder; overflow:hidden;}. Focus. btn{Position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;}. focus. BTN a{position:relative; Display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color: #B0B0B0; font:12px/15px "\5b8b\4f53"; Text-decoration:none; Text-align:center; outline:0; Float:left; Background: #D9D9D9; }. Focus. btn A:hover,.focus. btn a.current{cursor:pointer;background: #fc114a;} . focus. fpic{position:absolute; left:0px; top:0px;} . Focus. d1fbt{Overflow:hidden; zoom:1; height:16px; Z-index:10; }/*--------------------------------change the caption shadow here (height:50px; line-height:50px;)---------------------------------*/.focus. shadow{width:100%; position:absolute; bottom:0; left : 0px; Z-index:10; height:50px; line-height:50px; Background:rgba (0,0,0,0.6); /*------------------------------------------------------------------------------------------------------------- -----*/filter:progid:dximagetransform.microsoft.gradient (GradientType = 0,startcolorstr = ' #80000000 ', endColorstr = ' #80000000 ') \9; Display:block; Text-align:left; }. Focus. shadow a{Text-decoration:none; color: #fff; font-size:20px; overflow:hidden; margin-left:10px; font-family: "\ 5fae\8f6f\96c5\9ed1 ";} . focus. fcon{position:relative; width:100%; float:left; Display:none; Background: #000}. Focus. Fcon img{Display:block;} . focus. fbg{bottom:25px; right:40px; position:absolute; height:21px; text-align:center; z-index:200; }/*--------------------------------here to modify the button height (margin:4px) on the bottom shadow----------------------------------------*/.focus. FBG div{margin:4px Auto 0;overflow:hidden;zoom:1;height:14px}/*-------------------------------------------------- ----------------------------------------------------------------*/. Focus. D1FBT a{position:relative; display:inline; width:12px; height:12px; border-radius:7px; margin:0 5px;color: #B0B0B0; font:12px/15px "\5b8b\4f53"; Text-decoration:none; Text-align:center; outline:0; Float:left; Background: #D9D9D9; }. Focus. D1FBT. Current,.focus. D1FBT a:hover{background: #fc114a;} . Focus. D1FBT Img{display:none}. Focus. D1FBT i{display:none; font-style:normal;} . focus. Prev,.focus. Next{position:absolute;width:40px;height:74px;background:url (.. /images/focus_btn.png) No-repeat;}. Focus. Prev{top:50%;margin-top: -37px; left:0;background-position:0 -74px; cursor:pointer;} . focus. Next{top:50%;margin-top: -37px; right:0; Background-position:-40px-74px; Cursor:pointer;} . focus. prev:hover{background-position:0 0; }. Focus. next:hover{background-position:-40px 0;}
JS-Focus Map