Difference between revisions of "Team:Greece/Project"

Line 112: Line 112:
  
 
<a href='#' onmouseover="onHoverChanges( $(this).children('circle:first').attr('id') )" onmouseleave="onHoverHide($(this).children('circle:first').attr('id'))">
 
<a href='#' onmouseover="onHoverChanges( $(this).children('circle:first').attr('id') )" onmouseleave="onHoverHide($(this).children('circle:first').attr('id'))">
         <circle class='circlez' cx="-230" cy="365" r="135" stroke='#ffffff' stroke-width="0" fill="white" id='c_t1' class='svgGraphic' onclick="displayMe(this.id)" onmouseover="onHoverChanges(this.id)" />
+
         <circle class='circlez' id='f_circle' cx="-230" cy="365" r="135" stroke='#ffffff' stroke-width="0" fill="white" id='c_t1' class='svgGraphic' onclick="displayMe(this.id)" onmouseover="onHoverChanges(this.id)" />
 
<text class='animate_text' id='t1' x='0' y='335' text-anchor='middle' fill='#000000'>
 
<text class='animate_text' id='t1' x='0' y='335' text-anchor='middle' fill='#000000'>
 
<tspan x="-230" dy="1.5em" onclick="displayMe('c_t1')">DESCRIPTION</tspan>
 
<tspan x="-230" dy="1.5em" onclick="displayMe('c_t1')">DESCRIPTION</tspan>
Line 118: Line 118:
 
 
 
<a href='#' onmouseover="onHoverChanges( $(this).children('circle:first').attr('id') )" onmouseleave="onHoverHide($(this).children('circle:first').attr('id'))">
 
<a href='#' onmouseover="onHoverChanges( $(this).children('circle:first').attr('id') )" onmouseleave="onHoverHide($(this).children('circle:first').attr('id'))">
         <circle class='circlez' cx="190" cy="365" r="135" stroke='#ffffff' stroke-width="0" fill="white" id='c_t2' class='svgGraphic' onclick="displayMe(this.id)" onmouseover="onHoverChanges(this.id)" />
+
         <circle class='circlez' id='s_circle' cx="190" cy="365" r="135" stroke='#ffffff' stroke-width="0" fill="white" id='c_t2' class='svgGraphic' onclick="displayMe(this.id)" onmouseover="onHoverChanges(this.id)" />
 
<text class='animate_text' id='t2' x='0' y='335' text-anchor='middle' fill='#000000'>
 
<text class='animate_text' id='t2' x='0' y='335' text-anchor='middle' fill='#000000'>
 
<tspan x="193" dy="1.5em" onclick="displayMe('c_t2')">RESULTS</tspan>
 
<tspan x="193" dy="1.5em" onclick="displayMe('c_t2')">RESULTS</tspan>
Line 124: Line 124:
 
 
 
<a href='#' onmouseover="onHoverChanges( $(this).children('circle:first').attr('id') )" onmouseleave="onHoverHide($(this).children('circle:first').attr('id'))">
 
<a href='#' onmouseover="onHoverChanges( $(this).children('circle:first').attr('id') )" onmouseleave="onHoverHide($(this).children('circle:first').attr('id'))">
         <circle class='circlez' cx="610" cy="365" r="135" stroke='#ffffff' stroke-width="0" fill="white" id='c_t3' class='svgGraphic' onclick="displayMe(this.id)" onmouseover="onHoverChanges(this.id)" />
+
         <circle class='circlez' id='t_circle' cx="610" cy="365" r="135" stroke='#ffffff' stroke-width="0" fill="white" id='c_t3' class='svgGraphic' onclick="displayMe(this.id)" onmouseover="onHoverChanges(this.id)" />
 
<text class='animate_text' id='t3' x='0' y='335' text-anchor='middle' fill='#000000'>
 
<text class='animate_text' id='t3' x='0' y='335' text-anchor='middle' fill='#000000'>
 
<tspan x="610" dy="1.5em" onclick="displayMe('c_t3')">NOTEBOOK</tspan>
 
<tspan x="610" dy="1.5em" onclick="displayMe('c_t3')">NOTEBOOK</tspan>
Line 130: Line 130:
 
 
 
<a href='#' onmouseover="onHoverChanges( $(this).children('circle:first').attr('id') )" onmouseleave="onHoverHide($(this).children('circle:first').attr('id'))">
 
<a href='#' onmouseover="onHoverChanges( $(this).children('circle:first').attr('id') )" onmouseleave="onHoverHide($(this).children('circle:first').attr('id'))">
         <circle class='circlez' cx="1020" cy="365" r="135" stroke='#ffffff' stroke-width="0" fill="white" id='c_t4' class='svgGraphic' onclick="displayMe(this.id)" onmouseover="onHoverChanges(this.id)" />
+
         <circle class='circlez' id='f_circle' cx="1020" cy="365" r="135" stroke='#ffffff' stroke-width="0" fill="white" id='c_t4' class='svgGraphic' onclick="displayMe(this.id)" onmouseover="onHoverChanges(this.id)" />
 
<text class='animate_text' id='t4' x='0' y='335' text-anchor='middle' fill='#000000'>
 
<text class='animate_text' id='t4' x='0' y='335' text-anchor='middle' fill='#000000'>
 
<tspan x="1025" dy="1.5em" onclick="displayMe('c_t4')">SAFETY</tspan>
 
<tspan x="1025" dy="1.5em" onclick="displayMe('c_t4')">SAFETY</tspan>
Line 236: Line 236:
 
margin: -21px 0px 0px -52px;
 
margin: -21px 0px 0px -52px;
 
}
 
}
 +
 +
        #f_circle{ cx: -210 }
 +
        #s_circle{ cx: 195 }
 +
        #t_circle{ cx: 615 }
 +
        #f_circle{ cx: 1020 }
 
}
 
}
  

Revision as of 19:25, 5 September 2017

Loading...