1<!DOCTYPE html> 2<html> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <meta http-equiv="X-UA-Compatible" content="ie=edge"> 7 8 <!-- META --> 9 <meta property="og:title" content="OPEN-LINE å°è©±ç¤¾ç¾¤è¡é· || æºæ §æå°è¡ä»½æéå ¬å¸"> 10 <meta property="og:image" content="images/og.jpg"> 11 <meta property="og:url" content="https://open-line.com.tw"> 12 <meta property="og:description" content="éå¨ç¶è±«è©²é¸ç¶²ç«éæ¯APPå?ä½ æ²é¯ï¼åªæ¯æ³æ³æé»è½å¾ï¼LINEæ©å¨äººè®æ¨ç¨æ¢æçé ç®ï¼åµé åºé©äººçå¹å¼æ¶çï¼åè½å®æ´è¶ 強大ãæä½ç°¡å®å¥½ä¸æãè²»ç¨ä½å»ç¡è² æï¼"> 13 <meta name="keywords" content="OPEN-LINE,LINE,社群è¡é·,å°è©±"> 14 <meta name="description" content="éå¨ç¶è±«è©²é¸ç¶²ç«éæ¯APPå?ä½ æ²é¯ï¼åªæ¯æ³æ³æé»è½å¾ï¼LINEæ©å¨äººè®æ¨ç¨æ¢æçé ç®ï¼åµé åºé©äººçå¹å¼æ¶çï¼åè½å®æ´è¶ 強大ãæä½ç°¡å®å¥½ä¸æãè²»ç¨ä½å»ç¡è² æï¼"> 15 16 <!-- fav icon --> 17 <link rel="shortcut icon" href="images/favicon.ico"/> 18 <link rel="bookmark" href="images/favicon.ico"/> 19 <link rel="icon" href="images/favicon.gif" type="image/gif" /> 20 21 <!-- CSS --> 22 <link href='https://fonts.googleapis.com/css?family=Lato:300,400,700,400italic,300italic' rel='stylesheet' type='text/css'> 23 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> 24 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"> 25 <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.css"> 26 <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css"> 27 <link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet"> 28 <link rel="stylesheet" type="text/css" href="css/style.css"> 29 <link rel="stylesheet" type="text/css" href="css/modals.css"> 30 <link rel="stylesheet" type="text/css" href="css/animation.css"> 31 32 <title>Open-line</title> 33 </head> 34 35<body class="program program-02"> 36<!-- 37 <div class="bubble hidden-xs" onclick="window.location='program.html';"> 38 <p> 39 æ¸ä½è½åè£å©æ¹æ¡<br> 40 å·²è¶ é <span class="text-red">21</span> å®¶ç³è« 41 </p> 42 </div> --> 43 44 <nav class="navbar navbar-default"> 45 <div class="container-fluid"> 46 <!-- Brand and toggle get grouped for better mobile display --> 47 <div class="navbar-header"> 48 <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> 49 <span class="sr-only">Toggle navigation</span> 50 <span class="icon-bar"></span> 51 <span class="icon-bar"></span> 52 <span class="icon-bar"></span> 53 </button> 54 <a class="navbar-brand" href="index.html"> 55 <img src="images/logo.svg"> 56 </a> 57 </div> 58 <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> 59 <ul class="nav navbar-nav navbar-right"> 60 <li><a href="index.html">é¦é </a></li> 61 <li><a href="program.html">æ¸ä½è½åè£å©æ¹æ¡</a></li> 62 <li><a href="program-02.html">䏿¶å¤éæåè¨ç«</a></li> 63 </ul> 64 </div> 65 </div> 66 </nav> 67 68 <section class="banner row"> 69 <div class="scroll-mouse hidden-xs"> 70 <div class="scroll"></div> 71 </div> 72 <div id="banner" class="col-md-12 owl-carousel owl-theme"> 73 <div id="banner-01" class="item row"> 74 <h1 class="hidden-xs" data-aos="fade-up" data-aos-easing="ease-in" data-aos-duration="500">é¤é£²æ¥ä¸æ¶å¤éæåæ¨åè¨ç«</h1> 75 76 <div class="col-md-6 banner-text"> 77 <img class="visible-xs" src="images/banner-text-02.png"> 78 <p data-aos="fade-up" data-aos-easing="ease-in" data-aos-duration="500" data-aos-delay="300"> 79 æ¥ç¸¾åç«æ å½±é¿åï¼<br> 80 æ¿åºæ¨åç´å°è¨ç«ä¾å婿¨<br> 81 éé䏿¶å¤éæåæ¨åè¨ç«<br> 82 以æ´å¤§é·å®ç®¡éï¼ä¿é²æ¸ä½è½å乿¯èæªæ½<br> 83 å顿éï¼ç¾å¨ç«å³é«é©ï¼æ¶å è£å©ï¼ 84 </p> 85 <a class="btnGreen scrollLink" href="#contact-area" data-aos="fade-up" data-aos-easing="ease-in" data-aos-duration="500" data-aos-delay="500"> 86 ç«å³é«é© 87 </a> 88 </div> 89 <div class="col-md-6 banner-pic pl-0" data-aos="fade-up" data-aos-easing="ease-in" data-aos-duration="500"> 90 <img src="images/program-04.jpg"> 91 </div> 92 </div> 93 </div> 94 </section> 95 96 <section class="program"> 97 <div class="float-01 float-animation-slow hidden-xs"> 98 </div> 99 <div class="float-02 float-animation-slow hidden-xs"> 100 </div> 101 <div class="float-03 float-animation-medium hidden-xs"> 102 </div> 103 <div class="float-04 float-animation-slow hidden-xs"> 104 </div> 105 <div class="feature-01 row mb-3" data-aos="fade-up" data-aos-easing="ease-in" data-aos-duration="500" data-aos-anchor-placement="top-center"> 106 <div class="feature-pic col-md-6"> 107 <img src="images/program-05.jpg"> 108 </div> 109 <div class="feature-text col-md-6"> 110 <h1 class="float-left">ç¶æ¿é¨ ç´å°æ¯èæ¹æ¡</h1> 111 <div class="feature-content float-left"> 112 æ¿åºéè¦å°ç£å¨å°åºå®¶ç¼å±ï¼èé¨è網路çèèµ·ï¼å°è´é»åè¬åç¼å±ï¼å°æ¼å¨å°åºå®¶é æä¸å°è¡æï¼ä»¥åç«æ æéï¼é æå¯¦é«åºå®¶æ¥ç¸¾ä¸æ»ï¼å æ¤æ¿åºç©æ¥µæåºç´å°æ¹æ¡ï¼åå©é¤é£²æ¥ä¸æ¶å¤éæåï¼ä¿é²æ¸ä½è½å乿¯èæªæ½ã 113 </div> 114 </div> 115 </div> 116 117 <div class="feature-02 row" data-aos="fade-up" data-aos-easing="ease-in" data-aos-duration="500" data-aos-anchor-placement="top-center"> 118 <div class="feature-pic col-md-6 visible-xs"> 119 <img src="images/program-06.jpg"> 120 </div> 121 <div class="feature-text col-md-6"> 122 <h1 class="float-right text-right">ç¬¦åæ¢ä»¶ è£å©ä¸è¬äº</h1> 123 <div class="feature-content float-right"> 124 <ol> 125 <li>é¤é£²æ¥è </li> 126 <li>éæãçµ±ä¸ç·¨èã æ ãç¨ ç±ç»è¨ã</li> 127 <li>é£åè¥ç©æ¥è ç»éå¹³å°ç»è¨</li> 128 <li>æå¯¦é«åºé¢ (æµåæ¤è²©ä¸å¨æ¤ç¯åå §)</li> 129 <li>馿¬¡å°å ¥ä¸æ¶å¤éæåæ¹æ¡ä¹ä¸è </li> 130 </div> 131 </div> 132 <div class="feature-pic col-md-6 hidden-xs"> 133 <img src="images/program-06.jpg"> 134 </div> 135 </div> 136 </section> 137 138 <section class="modals row"> 139 <div class="container"> 140 <div class="title-white"> 141 è£å©æ¹æ¡é ç® 142 </div> 143 <div class="col-md-4 col-xs-8 col-xs-offset-2 col-md-offset-4"> 144 <div class="tab-container col-md-9 container"> 145 <div class="tab-item item tab-11 active" data-id="11"> 146 <a> 147 </a>
148 <span> 149 䏿¶æå 150 </span> 151 </div> 152 153 <div class="tab-item item tab-10" data-id="10"> 154 <a> 155 </a> 156 <span> 157 è¡é·æå 158 </span> 159 </div> 160 </div> 161 </div> 162 </div> 163 <div class="tab-content container"> 164 165 <div class="col-md-7 tab-content-11 active"> 166 <img class="device" src="images/device.png"> 167 </div> 168 <div class="col-md-7 tab-content-10"> 169 <img class="device" src="images/wi-fi.png"> 170 </div> 171 172 <div class="col-md-5"> 173 <div class="tab-content-text tab-content-11 active"> 174 <h2>䏿¶æå</h2> 175 <p> 176 ååä¸ä¸æ¶ãé»é¤å貨ãå è²»LINE@ç³è«+æ©å¨äººç¶å®ãå è²»è¨æ¯æ¨æ(æ¯æ500å) ã 177 </p> 178 </div> 179 180 <div class="tab-content-text tab-content-10"> 181 <h2>è¡é·æå</h2> 182 <p> 183 3,000次廣å黿ãè´é12,000次廣åæå ï¼ç´å°å è²»è´éï¼è¡å廣åç´ æè£½ä½ï¼COUPONåªæ å¸ãæ¨è¦ç½®é ãå°åæ¨å»£ãå®ç¶²å¹³å°åºå®¶ç²¾é¸å°åé²åºã 184 </p> 185 </div> 186 </div> 187 </div> 188 </section> 189 190 <!-- stores --> 191 <section id="stores" class="row"> 192 <ul class="nav nav-tabs"> 193 <li class="active"><a data-toggle="tab" href="#tab-01">å ¨é¨</a></li> 194 <li><a data-toggle="tab" href="#tab-02">åé¨</a></li> 195 <li><a data-toggle="tab" href="#tab-03">ä¸é¨</a></li> 196 </ul> 197 <div class="col-md-12"> 198 <!-- json --> 199 200 201 <div class="tab-content"> 202 203 <div id="tab-01" class="tab-pane fade in active"> 204 <div id="carousel-01" class="carousel slide" data-ride="carousel"> 205 <!-- Indicators --> 206 <ol class="carousel-indicators"> 207 <li data-target="#myCarousel" data-slide-to="0" class="active"></li> 208 <li data-target="#myCarousel" data-slide-to="1"></li> 209 <li data-target="#myCarousel" data-slide-to="2"></li> 210 </ol> 211 <!-- å ¨é¨ --> 212 <div class="carousel-inner all"> 213 214 </div> 215 <a class="left carousel-control" href="#carousel-01" data-slide="prev"> 216 <span class="glyphicon glyphicon-chevron-left"></span> 217 <span class="sr-only">Previous</span> 218 </a> 219 <a class="right carousel-control" href="#carousel-01" data-slide="next"> 220 <span class="glyphicon glyphicon-chevron-right"></span> 221 <span class="sr-only">Next</span> 222 </a> 223 </div> 224 </div> 225 226 <div id="tab-02" class="tab-pane fade"> 227 <div id="carousel-02" class="carousel slide" data-ride="carousel"> 228 <!-- Indicators --> 229 <ol class="carousel-indicators"> 230 <li data-target="#myCarousel" data-slide-to="0" class="active"></li> 231 <li data-target="#myCarousel" data-slide-to="1"></li> 232 <li data-target="#myCarousel" data-slide-to="2"></li> 233 </ol> 234 <!-- å°å --> 235 <div class="carousel-inner north"> 236 237 </div> 238 <a class="left carousel-control" href="#carousel-02" data-slide="prev"> 239 <span class="glyphicon glyphicon-chevron-left"></span> 240 <span class="sr-only">Previous</span> 241 </a> 242 <a class="right carousel-control" href="#carousel-02" data-slide="next"> 243 <span class="glyphicon glyphicon-chevron-right"></span> 244 <span class="sr-only">Next</span> 245 </a> 246 </div> 247 </div> 248 249 <div id="tab-03" class="tab-pane fade"> 250 <div id="carousel-03" class="carousel slide" data-ride="carousel"> 251 <!-- Indicators --> 252 <ol class="carousel-indicators"> 253 <li data-target="#myCarousel" data-slide-to="0" class="active"></li> 254 <li data-target="#myCarousel" data-slide-to="1"></li> 255 <li data-target="#myCarousel" data-slide-to="2"></li> 256 </ol> 257 <!-- å°ä¸ --> 258 <div class="carousel-inner center"> 259 260 </div> 261 <a class="left carousel-control" href="#carousel-03" data-sli
261de="prev"> 262 <span class="glyphicon glyphicon-chevron-left"></span> 263 <span class="sr-only">Previous</span> 264 </a> 265 <a class="right carousel-control" href="#carousel-03" data-slide="next"> 266 <span class="glyphicon glyphicon-chevron-right"></span> 267 <span class="sr-only">Next</span> 268 </a> 269 </div> 270 </div> 271 </div> 272 </div> 273 </section> 274 275 <!-- contact --> 276 <section id="contact-area" class="contact row"> 277 <div class="col-md-12"> 278 <div class="title-green"> 279 è¯ç¹«æå 280 </div> 281 282 <form id="form-area" class="col-md-6 mr-auto ml-auto float-none" method="post"> 283 <div class="col-md-12 pr-0 pl-0"> 284 <div class="form-group col-md-6"> 285 <label>å§å <span class="required">*å¿ å¡«</span></label> 286 <input type="text" class="form-control" id="nameInput" placeholder="è¼¸å ¥å§å" required data-parsley-required-message="æ¤æ¬ä½å°æªå¡«å¯«"> 287 </div> 288 <div class="form-group col-md-6"> 289 <label>é»è©± <span class="required">*å¿ å¡«</span></label> 290 <input type="text" class="form-control" id="phoneInput" placeholder="è¼¸å ¥é»è©±è碼" required data-parsley-required-message="æ¤æ¬ä½å°æªå¡«å¯«" data-parsley-type="digits" data-parsley-type-message="è«å¡«å¯«æ£ç¢ºçé»è©±æ ¼å¼"> 291 </div> 292 </div> 293 294 <div class="col-md-12 pr-0 pl-0"> 295 <div class="form-group col-md-6"> 296 <label>Email <span class="required">*å¿ å¡«</span></label> 297 <input type="text" class="form-control" id="emailInput" placeholder="è¼¸å ¥Email" required data-parsley-type="email" data-parsley-required-message="æ¤æ¬ä½å°æªå¡«å¯«" data-parsley-error-message="è«å¡«å¯«æ£ç¢ºEmailæ ¼å¼"> 298 </div> 299 300 <div class="form-group col-md-6"> 301 <label>ç¢æ¥é¡å <span class="required">*å¿ å¡«</span></label> 302 <select class="form-control" id="fieldInput" required data-parsley-required-message="æ¤é¸å®å°æªå¾é¸"> 303 <option disabled selected>è«é¸æé¡å¥</option> 304 <option>製é /å §å¤é·</option> 305 <option>ç§æ</option> 306 <option>æ é</option> 307 <option>æé£¾</option> 308 <option>æ¸ä½è¡é·/廣å</option> 309 <option>é«ç/çæ</option> 310 <option>æåµ</option> 311 <option>æè²/é¡§å</option> 312 <option>æ¿å°ç¢</option> 313 <option>é£å</option> 314 <option>å顿©æ§/åºéæ</option> 315 <option>æ³å¾</option> 316 <option>財ç¶</option> 317 <option>å ¶ä»</option> 318 </select> 319 </div> 320 </div> 321 322 <div class="col-md-12 pr-0 pl-0"> 323 <div class="form-group col-md-6" id="companyName"> 324 <label>åºå®¶å稱 <span class="required">*å¿ å¡«</span></label> 325 <input type="text" class="form-control" id="companyInput" placeholder="è¼¸å ¥ä¼æ¥å稱" required data-parsley-required-message="æ¤æ¬ä½å°æªå¡«å¯«"> 326 </div> 327 328 <div id="address" class="form-group col-md-6"> 329 <label class="float-left">çæ¥å°å <span class="required">*å¿ å¡«</span></label> 330 <div id="twzipcode"></div> 331 <input type="text" id="addressInput" class="form-control col-md-8" placeholder="è¼¸å ¥å°å" required data-parsley-required-message="æ¤æ¬ä½å¡«å¯«æªå®æ"> 332 </div> 333 </div> 334 335 <div class="form-group col-md-12" id="other"> 336 <label>å註</label> 337 <textarea class="form-control" rows="5" id="otherInput"></textarea> 338 </div> 339 <div id="g-recaptcha"></div> 340 341 <button class="btnSubmit" >éåº</button> 342 343 </form> 344 </div> 345 </section> 346 347 <footer class="row"> 348 <div class="sitemap col-md-12 d-flex"> 349 <a class="border-right-white" href="index.html">é¦é </a> 350 <a class="border-right-white" href="program.html">æ¸ä½è½åè£å©æ¹æ¡</a> 351 <a href="program-02.html">䏿¶å¤éæåè¨ç«</a> 352 </div> 353 <div class="logo col-md-2"> 354 <img src="images/logo.svg"> 355 </div> 356 <div class="links d-flex"> 357 <div class="white-circle"></div> 358 <a class="col-md-1" href="https://lin.ee/wqEJH9T" target="_blank"> 359 <img src="images/link-01.svg"> 360 </a> 361 <a class="col-md-1" href="mailto:[email protected]" target="_top"> 362 <img src="images/link-02.svg"> 363 </a> 364 <div class="white-circle"></div> 365 </div> 366 <p class="copyright">Copyright © æºæ §æå°è¡ä»½æéå ¬å¸</p> 367 </footer> 368<!-- 369 <div class="bubble visible-xs" onclick="window.location='program.html';"> 370 371 æ¸ä½è½åè£å©æ¹æ¡å·²è¶ é <span class="text-red">21</span> å®¶ç³è« 372 <a class="bubble-close float-right">X</a> 373 </div> --> 374 375 <!-- modal --> 376 <div class="modal fade" id="modal-01" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> 377 <div class="modal-dialog" role="document"> 378 <div class="modal-content"> 379 <div class="modal-header"> 380 <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> 381 <h4 class="modal-title" id="myModalLabel">表å®å¡«å¯«å®æ</h4> 382 </div> 383 <div class="modal-body text-center"> 384 表å®å·²å¡«å¯«å®æï¼æåæç¡å¿«èæ¨è¯çµ¡! 385 </div> 386 <div class="modal-footer"> 387 <button type="button" class="btn btn-default" data-dismiss="modal">éé</button> 388 </div> 389 </div> 390 </div> 391 </div> 392 393 <div class="modal fade" id="modal-02" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> 394 <div class="modal-dialog" role="document"> 395 <div class="modal-content"> 396 <div class="modal-header"> 397 <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> 398 <h4 class="modal-title" id="myModalLabel">é©èå°æªå®æ</h4> 399 </div> 400 <div class="modal-body text-center"> 401 è«å®æé©è 402 </div> 403 <div class="modal-footer"> 404 <button type="button" class="btn btn-default" data-dismiss="modal">éé</button> 405 </div> 406 </div> 407 </div> 408 </div> 409 410</body> 411 412 <!--JS--> 413
413<script type="text/javascript" src="js/jquery.js"></script>
413 414
414<script type="text/javascript" src="js/jquery.easing.min.js"></script>
414 415
415<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
415 416 417 <!-- reCaptcha -->
vendor: 148 bytes, lines 417-421
417 418 <script type="text/javascript" src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit" async defer></script> 419 420 421
421<!-- owl carousel 2 --> 422
422<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.js"></script>
422 423
423<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
423 424 425 <!-- zipcode --> 426
426<script src="https://cdn.jsdelivr.net/npm/[email protected]/jquery.twzipcode.min.js"></script>
426 427
427<script src="js/jquery.twzipcode.min.js"></script>
427 428 429 <!-- validate --> 430
430<script src="js/jquery.parsley.js"></script>
430 431 432 <!-- AOS --> 433
433<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
433 434 435 436 <!-- marquee --> 437
437<script src="js/jquery.pause.js"></script>
437 438
438<script src="js/jquery.marquee.min.js"></script>
438 439 440 <!-- custom --> 441
441<script src="js/scroll-fade.js"></script>
441 442
442<script src="js/index.js"></script>
442 443 444
444<script> 445 //call AOS 446 AOS.init(); 447 448 var verifyCallback = function(response) { 449 // 妿 JavaScript é©èæå 450 if (response) { 451 $.post('form.php', { 'g-recaptcha-response': response }, function(data, status) { 452 // 妿 PHP é©èæå 453 if (status == 'success') 454 console.log('success') 455 }); 456 } 457 }; 458 459 460 var onloadCallback = function() { 461 grecaptcha.render( 462 'g-recaptcha', { // widget é©è碼è¦çªå¨ id="my-widget" 顯示 463 'sitekey' : '6LcjU9EUAAAAAFnq-aQ3saZLgq_7IssCQsEiQBPS', // API Key 464 'callback' : verifyCallback // è¦å¼å«çå調å½å¼ 465 } 466 ); 467 }; 468 469 $(function(){ 470 $('#twzipcode select').prop('required',true); 471 }) 472 $('#twzipcode').twzipcode(); 473 $('#twzipcode').twzipcode({ 474 'countyName' : 'county', 475 'districtName' : 'district' 476 }); 477 478 // Google Sheet è¡¨å®æ³¨æäºé 479 // æ¯æ¬¡ google app æ´åï¼è¦æ´æ°çæ¬ 480 // source https://blog.maki0419.com/2015/06/google-database.html 481 function SendScore(){ 482 $.get("https://script.google.com/macros/s/AKfycbzTofIr6-WTxovDWVdfO4_UVeteiW1f9GS10czZXvHTa9iLYFKc/exec", { 483 "name": $("#nameInput").val(), 484 "phone": $("#phoneInput").val(), 485 "email": $("#emailInput").val(), 486 "field": $('#fieldInput option:selected').text(), 487 "company": $("#companyInput").val(), 488 "address_01": $('#twzipcode').twzipcode('get', 'county')[0], 489 "address_02": $('#twzipcode').twzipcode('get', 'district')[0], 490 "address_03": $("#addressInput").val(), 491 "other": $("#otherInput").val() 492 }, 493 function (data) { 494 // location.reload(); 495 }); 496 } 497 498 // contact validate 499 $(function () { 500 501 $('#form-area').parsley().on('form:validate', function() { 502 }).on('form:submit', function() { 503 504 if(grecaptcha.getResponse() == "") { 505 $('#modal-02').modal() 506 return false; 507 } else { 508 SendScore(); 509 $('#modal-01').modal(); 510 location.reload(); 511 } 512 }); 513 }); 514 515 // stores 516 $(function(){ 517 $.ajax({ 518 type: "GET", 519 dataType: "json", 520 url: "js/stores.json", 521 //ââââââ忣就æ¯è¦æå°ä½ 寫çaspxæââââââââ 522 contentType: 'application/json; charset=UTF-8', 523 // data: Json, 524 success: function (msg) { 525 var all= ''; 526 var north= ''; 527 var center= ''; 528 $.each(msg.all, function(i, item) { 529 530 if(i == 0){ 531 all += '<div class="item active">'+ 532 '<div class="row stores">' 533 } 534 else if(i%6 == 0){ 535 all += '<div class="item">'+ 536 '<div class="row stores">' 537 } 538 539 all += '<div class="store-card col-md-4 col-xs-6">'+ 540 '<div class="store-card-item">'+ 541 '<div class="d-flex d-sm-block">'+ 542 '<div class="col-md-4">'+ 543 '<img src="images/stores/'+item.images+'">'+ 544 '</div>'+ 545 '<div class="col-md-5">'+ 546 '<div class="store-text name"><label>'+item.name+'</label></div>'+ 547 '<div class="store-text phone"><label>é»è©±</label><span>'+item.phone+'</span></div>'+ 548 '<div class="store-text address"><label>å°å</label><span>'+item.address+'</span></div>'+ 549 550 '</div>'+ 551 '<div class="store-qr col-md-4">'+ 552 '<img src="images/stores/qr/'+item.qr+'">'+ 553 '<div class="store-text time"><label>çæ¥æé</label><span>'+item.time+'</span></div>'+ 554 '</div>'+ 555 '</div>'+ 556 '</div>'+ 557 '</div>' 558 559 560 if(i%6 == 5 && i !== 0){ 561 all += '</div>'+ 562 '</div>' 563 } 564 }); 565 566 $.each(msg.north, function(i, item) { 567 568 if(i == 0){ 569 north += '<div class="item active">'+
570 '<div class="row stores">' 571 } 572 else if(i%6 == 0){ 573 north += '<div class="item">'+ 574 '<div class="row stores">' 575 } 576 577 north += '<div class="store-card col-md-4 col-xs-6">'+ 578 '<div class="store-card-item">'+ 579 '<div class="d-flex d-sm-block">'+ 580 '<div class="col-md-4">'+ 581 '<img src="images/stores/'+item.images+'">'+ 582 '</div>'+ 583 '<div class="col-md-5">'+ 584 '<div class="store-text name"><label>'+item.name+'</label></div>'+ 585 '<div class="store-text phone"><label>é»è©±</label><span>'+item.phone+'</span></div>'+ 586 '<div class="store-text address"><label>å°å</label><span>'+item.address+'</span></div>'+ 587 588 '</div>'+ 589 '<div class="store-qr col-md-4">'+ 590 '<img src="images/stores/qr/'+item.qr+'">'+ 591 '<div class="store-text time"><label>çæ¥æé</label><span>'+item.time+'</span></div>'+ 592 '</div>'+ 593 '</div>'+ 594 '</div>'+ 595 '</div>' 596 597 598 if(i%6 == 5 && i !== 0){ 599 north += '</div>'+ 600 '</div>' 601 } 602 }); 603 604 $.each(msg.center, function(i, item) { 605 606 if(i == 0){ 607 center += '<div class="item active">'+ 608 '<div class="row stores">' 609 } 610 else if(i%6 == 0){ 611 center += '<div class="item">'+ 612 '<div class="row stores">' 613 } 614 615 center += '<div class="store-card col-md-4 col-xs-6">'+ 616 '<div class="store-card-item">'+ 617 '<div class="d-flex d-sm-block">'+ 618 '<div class="col-md-4">'+ 619 '<img src="images/stores/'+item.images+'">'+ 620 '</div>'+ 621 '<div class="col-md-5">'+ 622 '<div class="store-text name"><label>'+item.name+'</label></div>'+ 623 '<div class="store-text phone"><label>é»è©±</label><span>'+item.phone+'</span></div>'+ 624 '<div class="store-text address"><label>å°å</label><span>'+item.address+'</span></div>'+ 625 626 '</div>'+ 627 '<div class="store-qr col-md-4">'+ 628 '<img src="images/stores/qr/'+item.qr+'">'+ 629 '<div class="store-text time"><label>çæ¥æé</label><span>'+item.time+'</span></div>'+ 630 '</div>'+ 631 '</div>'+ 632 '</div>'+ 633 '</div>' 634 635 636 if(i%6 == 5 && i !== 0){ 637 center += '</div>'+ 638 '</div>' 639 } 640 }); 641 642 $('.all').append( 643 all 644 ); 645 $('.north').append( 646 north 647 ); 648 $('.center').append( 649 center 650 ); 651 } 652 }); 653 }); 654 </script>
654 655</html>
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.