优化圆环

contactus.html

@@ -121,11 +121,13 @@
         <div class="introduce_box wow animated fadeInUp">
             <div class="market">
                 <div class="circleProgress_wrapper">
+                    <div class="rightcircle_on"></div>
                     <div class="wrapper right">
-                        <div class="circleProgress rightcircle"></div>
+                        <div class="circleProgress rightcircle"><div class="rightcircle_right"></div></div>
+                        
                     </div>
                     <div class="wrapper left">
-                        <div class="circleProgress leftcircle"></div>
+                        <div class="circleProgress leftcircle"><div class="leftcircle_left"></div></div>
                     </div>
                 </div>
                 <div class="text">

css/contactus.css

@@ -257,7 +257,7 @@
         -webkit-transform: rotate(-135deg);
     }
     100%{
-        -webkit-transform: rotate(-10deg);
+        -webkit-transform: rotate(-15deg);
     }
 }
 .circleProgress_wrapper .right{
@@ -266,6 +266,32 @@
 .circleProgress_wrapper .left{
     left:0px;
 }
+.rightcircle_on{
+    position:absolute;
+    left:213px;
+    top:0px;
+    width:20px;
+    height:20px;
+    background:url(../images/yuan.png) no-repeat;
+    z-index: 10;
+}
+.rightcircle_right{
+    position:absolute;
+    left:342px;
+    top:335px;
+    width:20px;
+    height:20px;
+    background:url(../images/yuan.png) no-repeat;
+}
+.leftcircle_left{
+    display:none;
+    position:absolute;
+    left:43px;
+    top:40px;
+    width:20px;
+    height:20px;
+    background:url(../images/yuan.png) no-repeat;
+}
 /* 圈内文字 */
 .text{
     width: 100%;

js/commons.js

@@ -17,6 +17,9 @@ window.onscroll=function(){
             if(num==85){			        	
                 clearInterval(t);			        
             } 
+            if(num>40){
+                $(".leftcircle_left").show()
+            }      	        
         },25);
         aaa = false;
         }