Commit 638a322839a2d4799e94dba63d214ea95a01ec08
1 parent
c8ed96d4
first
Showing
2 changed files
with
88 additions
and
0 deletions
Show diff stats
frontend/views/site/teamitem.php
... | ... | @@ -66,6 +66,7 @@ jQuery(function($) { |
66 | 66 | $this->registerJsFile('/js/teamitem/jquery.rating-2.0.min.js'); |
67 | 67 | $this->registerJsFile('/js/teamitem/rating.js'); |
68 | 68 | $this->registerJsFile('/js/teamitem/highcharts.js'); |
69 | +$this->registerJsFile('/js/teamitem/script.js'); | |
69 | 70 | ?> |
70 | 71 | |
71 | 72 | <div class="middle"> | ... | ... |
1 | +jQuery(function($) { | |
2 | + $('#soc_3_1').mouseover(function(){ | |
3 | + $(this).stop().animate({ | |
4 | + backgroundColor: "#065baa" | |
5 | + }, 500, function() { | |
6 | + // Animation complete. | |
7 | + }); | |
8 | + }); | |
9 | + $('#soc_3_1').mouseout(function(){ | |
10 | + $(this).stop().animate({ | |
11 | + backgroundColor: "#bcbcbc" | |
12 | + }, 1600, function() { | |
13 | + // Animation complete. | |
14 | + }); | |
15 | + }); | |
16 | + $('#soc_3_2').mouseover(function(){ | |
17 | + $(this).stop().animate({ | |
18 | + backgroundColor: "#354f89" | |
19 | + }, 500, function() { | |
20 | + // Animation complete. | |
21 | + }); | |
22 | + }); | |
23 | + $('#soc_3_2').mouseout(function(){ | |
24 | + $(this).stop().animate({ | |
25 | + backgroundColor: "#bcbcbc" | |
26 | + }, 1600, function() { | |
27 | + // Animation complete. | |
28 | + }); | |
29 | + }); | |
30 | + $('#soc_3_3').mouseover(function(){ | |
31 | + $(this).stop().animate({ | |
32 | + backgroundColor: "#6398c9" | |
33 | + }, 500, function() { | |
34 | + // Animation complete. | |
35 | + }); | |
36 | + }); | |
37 | + $('#soc_3_3').mouseout(function(){ | |
38 | + $(this).stop().animate({ | |
39 | + backgroundColor: "#bcbcbc" | |
40 | + }, 1600, function() { | |
41 | + // Animation complete. | |
42 | + }); | |
43 | + }); | |
44 | + | |
45 | + $('.graph').hover(function(){ | |
46 | + $('.anim').addClass('anim_heart'); | |
47 | + }, | |
48 | + function(){ | |
49 | + $('.anim').removeClass('anim_heart'); | |
50 | + }); | |
51 | + | |
52 | + $('.text').hover(function(){ | |
53 | + $('.anim').addClass('anim_heart'); | |
54 | + }, | |
55 | + function(){ | |
56 | + $('.anim').removeClass('anim_heart'); | |
57 | + }); | |
58 | + | |
59 | + $('.skills').hover(function(){ | |
60 | + $('.anim_2').addClass('anim_cogwheel'); | |
61 | + }, | |
62 | + function(){ | |
63 | + $('.anim_2').removeClass('anim_cogwheel'); | |
64 | + }); | |
65 | + | |
66 | + $('.book').hover(function(){ | |
67 | + $('.anim_3').addClass('anim_books'); | |
68 | + }, | |
69 | + function(){ | |
70 | + $('.anim_3').removeClass('anim_books'); | |
71 | + }); | |
72 | + | |
73 | + $('.film').hover(function(){ | |
74 | + $('.anim_4').addClass('anim_films'); | |
75 | + }, | |
76 | + function(){ | |
77 | + $('.anim_4').removeClass('anim_films'); | |
78 | + }); | |
79 | + | |
80 | + $('.jokes').hover(function(){ | |
81 | + $('.anim_5').addClass('anim_jokes'); | |
82 | + }, | |
83 | + function(){ | |
84 | + $('.anim_5').removeClass('anim_jokes'); | |
85 | + }); | |
86 | + | |
87 | +}); | ... | ... |