1 2 // ë¤íë©í°ë¦¬ 3 function playDocu(){ 4 $('.docu_wrap').show().css({opacity: 1}); 5 6 var barOff = $('.docu_bar .line_off'); 7 var barOffImg = $('.docu_bar .line_off img'); 8 var barOn = $('.docu_bar .line_on'); 9 10 var txtOff = $('.docu_bar .txt_off'); 11 var txtOffImg = $('.docu_bar .txt_off img'); 12 var txtOn = $('.docu_bar .txt_on'); 13 14 var totalWidth = 1203; 15 var tbp = [50, 180, 300, 430, 560, 700, 830, 950, 1080, 1203]; // txt break point 16 var bbp = [128, 265, 385, 518, 644, 775, 904, 1031, 1161, 1203]; // bar break point 17 var mt = 4; // move time 1 sec. 18 var tmt = 3.6; // move text time 19 var wt = 3; // wait time 20 21 var btnPlay = $('.docu_wrap').find('.btn_playstop'); 22 var btnClose = $('.docu_wrap').find('.btn_close'); 23 24 window.tm = new TimelineMax({paused: true}); 25 26 btnPlay.off('click').on('click', function(e){ 27 e.preventDefault(); 28 29 if(btnPlay.hasClass('btn_stop')){ 30 btnPlay.removeClass('btn_stop').addClass('btn_play'); 31 tm.pause(); 32 }else{ 33 btnPlay.removeClass('btn_play').addClass('btn_stop'); 34 tm.resume(); 35 } 36 }); 37 38 btnClose.off('click').on('click', function(e){ 39 e.preventDefault(); 40 41 tm.pause(); 42 TweenMax.to('.docu_wrap', 1, {opacity: 0, onComplete: function(){ 43 $('.docu_wrap').hide(); 44 $('.btn_docu').focus(); 45 }}); 46 47 }); 48 49 TweenMax.set(barOn, {width: 0}); 50 TweenMax.set(txtOn, {width: 0}); 51 $('.docu_content > li').hide(); 52 $('.docu_bar').css({opacity: 1}); 53 barOff.css({left:0, width: 1203}); 54 barOn.css({width: 0}); 55 barOffImg.css({left: 0}); 56 txtOff.css({left:0, width: 1203}); 57 txtOn.css({width: 0}); 58 txtOffImg.css({left: 0}); 59 60 61 tm.add(function(){ 62 var obj = $('.docu_content > li').eq(0); 63 64 TweenMax.set(obj, {opacity: 0, display: 'block'}); 65 TweenMax.set(obj.find('.txt'), {opacity: 0}); 66 67 TweenMax.to(obj, 1, {opacity: 1}); 68 TweenMax.to(obj.find('.txt'), 3, {opacity: 1}); 69 }); 70 tm.add([TweenMax.to(txtOff, tmt, {left: tbp[0], width: totalWidth - tbp[0], ease: Power3.easeInOut}), TweenMax.to(txtOffImg, tmt, {left: -tbp[0], ease: Power3.easeInOut}), TweenMax.to(txtOn, tmt, {width: tbp[0], ease: Power3.easeInOut})]); 71 tm.add([TweenMax.to(barOff, mt, {delay: wt, left: bbp[0], width: totalWidth - bbp[0]}), TweenMax.to(barOffImg, mt, {delay: wt, left: -bbp[0]}), TweenMax.to(barOn, mt, {delay: wt, width: bbp[0]})]); 72 73 tm.add(function(){ 74 var obj = $('.docu_content > li').eq(1); 75 var pastObj = $('.docu_content > li').eq(0); 76 77 TweenMax.set(obj, {opacity: 0, display: 'block'}); 78 TweenMax.set(obj.find('.txt'), {opacity: 0}); 79 80 TweenMax.to(obj, 1, {opacity: 1}); 81 TweenMax.to(pastObj.find('.txt'), 0.4, {opacity: 1, ease: Power2.easeOut}); 82 TweenMax.to(obj.find('.txt'), 5, {opacity: 1, ease: Power2.easeOut}); 83 }); 84 tm.add([TweenMax.to(txtOff, tmt, {left: tbp[1], width: totalWidth - tbp[1], ease: Power3.easeInOut}), TweenMax.to(txtOffImg, tmt, {left: -tbp[1], ease: Power3.easeInOut}), TweenMax.to(txtOn, tmt, {width: tbp[1], ease: Power3.easeInOut})]); 85 tm.add([TweenMax.to(barOff, mt, {delay: wt, left: bbp[1], width: totalWidth - bbp[1]}), TweenMax.to(barOffImg, mt, {delay: wt, left: -bbp[1]}), TweenMax.to(barOn, mt, {delay: wt, width: bbp[1]})]); 86 87 tm.add(function(){ 88 var obj = $('.docu_content > li').eq(2); 89 var pastObj = $('.docu_content > li').eq(1); 90 91 TweenMax.set(obj, {opacity: 0, display: 'block'});
92 TweenMax.set(obj.find('.txt'), {opacity: 0}); 93 94 TweenMax.to(obj, 1, {opacity: 1}); 95 TweenMax.to(pastObj.find('.txt'), 0.4, {opacity: 1, ease: Power2.easeOut}); 96 TweenMax.to(obj.find('.txt'), 5, {opacity: 1, ease: Power2.easeOut}); 97 }); 98 tm.add([TweenMax.to(txtOff, tmt, {left: tbp[2], width: totalWidth - tbp[2], ease: Power3.easeInOut}), TweenMax.to(txtOffImg, tmt, {left: -tbp[2], ease: Power3.easeInOut}), TweenMax.to(txtOn, tmt, {width: tbp[2], ease: Power3.easeInOut})]); 99 tm.add([TweenMax.to(barOff, mt, {delay: wt, left: bbp[2], width: totalWidth - bbp[2]}), TweenMax.to(barOffImg, mt, {delay: wt, left: -bbp[2]}), TweenMax.to(barOn, mt, {delay: wt, width: bbp[2]})]); 100 101 102 tm.add(function(){ 103 var obj = $('.docu_content > li').eq(3); 104 var pastObj = $('.docu_content > li').eq(2); 105 106 TweenMax.set(obj, {opacity: 0, display: 'block'}); 107 TweenMax.set(obj.find('.txt'), {opacity: 0}); 108 109 TweenMax.to(obj, 1, {opacity: 1}); 110 TweenMax.to(pastObj.find('.txt'), 0.4, {opacity: 1, ease: Power2.easeOut}); 111 TweenMax.to(obj.find('.txt'), 5, {opacity: 1, ease: Power2.easeOut}); 112 }); 113 tm.add([TweenMax.to(txtOff, tmt, {left: tbp[3], width: totalWidth - tbp[3], ease: Power3.easeInOut}), TweenMax.to(txtOffImg, tmt, {left: -tbp[3], ease: Power3.easeInOut}), TweenMax.to(txtOn, tmt, {width: tbp[3], ease: Power3.easeInOut})]); 114 tm.add([TweenMax.to(barOff, mt, {delay: wt, left: bbp[3], width: totalWidth - bbp[3]}), TweenMax.to(barOffImg, mt, {delay: wt, left: -bbp[3]}), TweenMax.to(barOn, mt, {delay: wt, width: bbp[3]})]); 115 116 117 tm.add(function(){ 118 var obj = $('.docu_content > li').eq(4); 119 var pastObj = $('.docu_content > li').eq(3); 120 121 TweenMax.set(obj, {opacity: 0, display: 'block'}); 122 TweenMax.set(obj.find('.txt'), {opacity: 0}); 123 124 TweenMax.to(obj, 1, {opacity: 1}); 125 TweenMax.to(pastObj.find('.txt'), 0.4, {opacity: 1, ease: Power2.easeOut}); 126 TweenMax.to(obj.find('.txt'), 5, {opacity: 1, ease: Power2.easeOut}); 127 }); 128 tm.add([TweenMax.to(txtOff, tmt, {left: tbp[4], width: totalWidth - tbp[4], ease: Power3.easeInOut}), TweenMax.to(txtOffImg, tmt, {left: -tbp[4], ease: Power3.easeInOut}), TweenMax.to(txtOn, tmt, {width: tbp[4], ease: Power3.easeInOut})]); 129 tm.add([TweenMax.to(barOff, mt, {delay: wt, left: bbp[4], width: totalWidth - bbp[4]}), TweenMax.to(barOffImg, mt, {delay: wt, left: -bbp[4]}), TweenMax.to(barOn, mt, {delay: wt, width: bbp[4]})]); 130 131 tm.add(function(){ 132 var obj = $('.docu_content > li').eq(5); 133 var pastObj = $('.docu_content > li').eq(4); 134 135 TweenMax.set(obj, {opacity: 0, display: 'block'}); 136 TweenMax.set(obj.find('.txt'), {opacity: 0}); 137 138 TweenMax.to(obj, 1, {opacity: 1}); 139 TweenMax.to(pastObj.find('.txt'), 0.4, {opacity: 1, ease: Power2.easeOut}); 140 TweenMax.to(obj.find('.txt'), 5, {opacity: 1, ease: Power2.easeOut}); 141 }); 142 tm.add([TweenMax.to(txtOff, tmt, {left: tbp[5], width: totalWidth - tbp[5], ease: Power3.easeInOut}), TweenMax.to(txtOffImg, tmt, {left: -tbp[5], ease: Power3.easeInOut}), TweenMax.to(txtOn, tmt, {width: tbp[5], ease: Power3.easeInOut})]); 143 tm.add([TweenMax.to(barOff, mt, {delay: wt, left: bbp[5], width: totalWidth - bbp[5]}), TweenMax.to(barOffImg, mt, {delay: wt, left: -bbp[5]}), TweenMax.to(barOn, mt, {delay: wt, width: bbp[5]})]); 144 145 tm.add(function(){ 146 var obj = $('.docu_content > li').eq(6); 147 var pastObj = $('.docu_content > li').eq(5); 148 149 TweenMax.set(obj, {opacity: 0, display: 'block'});
150 TweenMax.set(obj.find('.txt'), {opacity: 0}); 151 152 TweenMax.to(obj, 1, {opacity: 1}); 153 TweenMax.to(pastObj.find('.txt'), 0.4, {opacity: 1, ease: Power2.easeOut}); 154 TweenMax.to(obj.find('.txt'), 5, {opacity: 1, ease: Power2.easeOut}); 155 }); 156 tm.add([TweenMax.to(txtOff, tmt, {left: tbp[6], width: totalWidth - tbp[6], ease: Power3.easeInOut}), TweenMax.to(txtOffImg, tmt, {left: -tbp[6], ease: Power3.easeInOut}), TweenMax.to(txtOn, tmt, {width: tbp[6], ease: Power3.easeInOut})]); 157 tm.add([TweenMax.to(barOff, mt, {delay: wt, left: bbp[6], width: totalWidth - bbp[6]}), TweenMax.to(barOffImg, mt, {delay: wt, left: -bbp[6]}), TweenMax.to(barOn, mt, {delay: wt, width: bbp[6]})]); 158 159 tm.add(function(){ 160 var obj = $('.docu_content > li').eq(7); 161 var pastObj = $('.docu_content > li').eq(6); 162 163 TweenMax.set(obj, {opacity: 0, display: 'block'}); 164 TweenMax.set(obj.find('.txt'), {opacity: 0}); 165 166 TweenMax.to(obj, 1, {opacity: 1}); 167 TweenMax.to(pastObj.find('.txt'), 0.4, {opacity: 1, ease: Power2.easeOut}); 168 TweenMax.to(obj.find('.txt'), 5, {opacity: 1, ease: Power2.easeOut}); 169 }); 170 tm.add([TweenMax.to(txtOff, tmt, {left: tbp[7], width: totalWidth - tbp[7], ease: Power3.easeInOut}), TweenMax.to(txtOffImg, tmt, {left: -tbp[7], ease: Power3.easeInOut}), TweenMax.to(txtOn, tmt, {width: tbp[7], ease: Power3.easeInOut})]); 171 tm.add([TweenMax.to(barOff, mt, {delay: wt, left: bbp[7], width: totalWidth - bbp[7]}), TweenMax.to(barOffImg, mt, {delay: wt, left: -bbp[7]}), TweenMax.to(barOn, mt, {delay: wt, width: bbp[7]})]); 172 173 tm.add(function(){ 174 var obj = $('.docu_content > li').eq(8); 175 var pastObj = $('.docu_content > li').eq(7); 176 177 TweenMax.set(obj, {opacity: 0, display: 'block'}); 178 TweenMax.set(obj.find('.txt'), {opacity: 0}); 179 180 TweenMax.to(obj, 1, {opacity: 1}); 181 TweenMax.to(pastObj.find('.txt'), 0.4, {opacity: 1, ease: Power2.easeOut}); 182 TweenMax.to(obj.find('.txt'), 5, {opacity: 1, ease: Power2.easeOut}); 183 }); 184 tm.add([TweenMax.to(txtOff, tmt, {left: tbp[8], width: totalWidth - tbp[8], ease: Power3.easeInOut}), TweenMax.to(txtOffImg, tmt, {left: -tbp[8], ease: Power3.easeInOut}), TweenMax.to(txtOn, tmt, {width: tbp[8], ease: Power3.easeInOut})]); 185 tm.add([TweenMax.to(barOff, mt, {delay: wt, left: bbp[8], width: totalWidth - bbp[8]}), TweenMax.to(barOffImg, mt, {delay: wt, left: -bbp[8]}), TweenMax.to(barOn, mt, {delay: wt, width: bbp[8]})]); 186 187 188 189 tm.add(function(){ 190 var obj = $('.docu_content > li').eq(9); 191 var pastObj = $('.docu_content > li').eq(8); 192 193 TweenMax.set(obj, {opacity: 0, display: 'block'}); 194 TweenMax.set(obj.find('.txt'), {opacity: 0}); 195 196 TweenMax.to(obj, 1, {opacity: 1}); 197 TweenMax.to(pastObj.find('.txt'), 0.4, {opacity: 1, ease: Power2.easeOut}); 198 TweenMax.to(obj.find('.txt'), 5, {opacity: 1, ease: Power2.easeOut}); 199 }); 200 tm.add([TweenMax.to(txtOff, tmt, {left: tbp[9], width: totalWidth - tbp[9], ease: Power3.easeInOut}), TweenMax.to(txtOffImg, tmt, {left: -tbp[9], ease: Power3.easeInOut}), TweenMax.to(txtOn, tmt, {width: tbp[9], ease: Power3.easeInOut})]); 201 tm.add([TweenMax.to(barOff, mt, {delay: wt, left: bbp[9], width: totalWidth - bbp[9]}), TweenMax.to(barOffImg, mt, {delay: wt, left: -bbp[9]}), TweenMax.to(barOn, mt, {delay: wt, width: bbp[9]})]); 202 203 204 205 206 tm.add(function(){ 207 TweenMax.to('.docu_wrap', 1, {delay: 0, opacity: 0, onComplete: function(){ 208 $('.docu_wrap').hide(); 209 }}); 210 }); 211 212 213 tm.timeScale(1); 214 215 } 216 217 $('.btn_docu').on('click', function(e){
218 e.preventDefault(); 219 220 playDocu(); 221 tm.restart(); 222 }); 223 224
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.