CINXE.COM
RSCP
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" /> <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=1"/> <meta name="title" content="RSCP"> <meta name="description" content="RSCP" /> <meta name="keywords" content="RSCP" /> <link rel="shortcut icon" href="images/icon_16_16.png" /> <title>RSCP</title> <link href="css/style_tc.css" rel="stylesheet" type="text/css" /> <link href="css/colour.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="js/modernizr-1.5.min.js"></script> <script type="text/javascript" > if (!window.console) { var console = {}; } if (!console.log) { console.log = function () { }; } </script> <script> (function (i, s, o, g, r, a, m) { i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () { (i[r].q = i[r].q || []).push(arguments) }, i[r].l = 1 * new Date(); a = s.createElement(o), m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m) })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga'); ga('create', 'UA-50867192-1', 'rscp.org.hk'); ga('send', 'pageview'); </script> <script type="text/javascript" src="js/jquery-1.10.2.min.js"></script> <script type="text/javascript" src="js/jquery.flip.js"></script> <script type="text/javascript" src="js/jquery-ui.js"></script> <link href="css/portfolio_two.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" type="text/css" href="css/cssstyles.css" /> <script type="text/javascript" src="js/jquery-1.10.2.js"></script> <script type="text/javascript" src="js/jquery-ui-1.10.4.custom.min.js"></script> </head> <body> <div id="main"> <!-- begin header --> <header> <div id="logo" ><a href="index.php"><img src="images/RSCP_logo.jpg" alt="Rscp_log"></img></a></div> <div id="lang" > <a href="/?lang=tc"><img src="images/btn_chi.png" alt="中文"/></a><a href="/?lang=en"><img src="images/btn_eng.png" alt="English"/></a> </div> <nav> <ul class="sf-menu" id="nav"> <li > <a href="index.php"><img src="images/btn_home_chi.jpg" alt="Home"/></a> </li> <li > <a href="about.php"><img src="images/btn_aboutrscp_chi.jpg" alt="Home"/></a> </li> <li > <a href="activities.php"><img src="images/btn_upcomingactivities_chi.jpg" alt="Home"/></a> </li> <li > <a href="gallery_list.php"><img src="images/btn_photogallery_chi.jpg" alt="Home"/></a> </li> <li > <a href="result.php"><img src="images/btn_results_chi.jpg" alt="Home"/></a> </li> <li > <a href="contact.php"><img src="images/btn_contactus_chi.jpg" alt="Home"/></a> </li> </ul> </nav> </header> <!-- end header --> <!-- begin content --> <div id="site_content" class="index_content"> <div id="flipbox" > <div id="rscp_button_area"></div> <div id="rscp_button" ></div> <div id="rscp_effect_menu" class="box_index main_menu"> <p>關於香港專業團體康體會</p> </div> <div id="results_button_area"></div> <div id="results_button" ></div> <div id="results_effect_menu" class="box_index main_menu"> <p>賽果</p> </div> <div id="rectangle_photogallery_area" ></div> <div id="rectangle_photogallery_button" ></div> <div id="rectangle_photogallery_effect_menu" class="box_index main_menu"> <p>相片集</p> </div> <div id="rectangle_upcomingactivities_area" ></div> <div id="rectangle_upcomingactivities_button" ></div> <div id="rectangle_upcomingactivities_effect_menu" class="box_index main_menu"> <p>賽果</p> </div> <div id="rectangle_contactus_area" ></div> <div id="rectangle_contactus_button" ></div> <div id="rectangle_contactus_effect_menu" class="box_index main_menu"> <p>聯絡我們</p> </div> <div id="flipped0"> <a href="#"><img src="images/photo_1.png" class="flip_photo" alt="Flip Image" /></a> </div> <div id="flipped1"> <a href="#"><img src="images/photo_2.png" class="flip_photo"alt="Flip Image" /></a> </div> <div id="flipped2"> <a href="#"><img src="images/photo_3.png" class="flip_photo"alt="Flip Image" /></a> </div> <div id="flipped3"> <a href="#"><img src="images/photo_4.png" class="flip_photo"alt="Flip Image" /></a> </div> <div id="flipped4"> <a href="#"><img src="images/photo_5.png" class="flip_photo"alt="Flip Image" /></a> </div> <div id="flipped5"> <a href="#"><img src="images/photo_6.png" class="flip_photo"alt="Flip Image" /></a> </div> <div id="flipped6"> <a href="#"><img src="images/photo_7.png" class="flip_photo"alt="Flip Image" /></a> </div> <script type="text/javascript" src="js/runscale_effect.js"></script> </div> <div id="demo" class="hdo_gd_img"> <table cellPadding=0 align=left border=0 cellspace="0"> <tbody> <tr> <td id="demo1" vAlign=top> <table cellSpacing=0 cellPadding=4 width=735 border=0 id="tupian"> <tbody> <tr> <td align=middle ><a href="javascript: vold(0)"><IMG class="loop_img" src="images/logo_HKBA.jpg" /></a></td> <td align=middle ><a href="javascript: void(0)"><IMG class="loop_img" src="images/logo_HKDA.jpg" /></a></td> <td align=middle ><a href="javascript: void(0)"><IMG class="loop_img" src="images/logo_HKIA.jpg" /></a></td> <td align=middle ><a href="javascript: void(0)"><IMG class="loop_img" src="images/logo_HKICPA.jpg" /></a></td> <td align=middle ><a href="javascript: void(0)"><IMG class="loop_img" src="images/logo_HKIS.jpg" /></a></td> <td align=middle ><a href="javascript: void(0)"><IMG class="loop_img" src="images/logo_HKMA.jpg" /></a></td> <td align=middle ><a href="javascript: void(0)"><IMG class="loop_img" src="images/logo_LSHK.jpg" /></a></td> </tr> </tbody> </table> </td> <td id="demo2" vAlign=top></td> </tr> </tbody> </table> </div> <div id="tnc"> <p><a href="tnc.php">© 2014香港專業團體康體會版權所有，並保留所有權利。</a></p> </div> <div id="support_br"> <p>此網頁只支援以下瀏覽器：Microsoft Internet Explorer 9.0或以上、Mozilla Firefox 5.0、Google Chrome 15.0、Safari 4.0 或以上及手機瀏覽器。</p> </div> </div> <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.easing-sooper.js"></script> <script type="text/javascript" src="js/jquery.sooperfish.js"></script> <script type="text/javascript" src="js/image_fade.js"></script> <script type="text/javascript" src="js/jquery-1.10.2.min.js"></script> <script type="text/javascript" src="js/jquery.flip.js"></script> <script type="text/javascript" src="js/jquery-ui.js"></script> <script> var speed1 = 40; document.getElementById("demo2").innerHTML = document.getElementById("demo1").innerHTML; function Marquee1() { if (document.getElementById("demo2").offsetWidth - document.getElementById("demo").scrollLeft <= 0) { document.getElementById("demo").scrollLeft -= document.getElementById("demo1").offsetWidth; } else { document.getElementById("demo").scrollLeft++ } } var MyMar1 = setInterval(Marquee1, speed1) function random_num(num) { if (num > 0) { var num_count = num; } else { var num_count = Math.floor(Math.random() * 10); } if (num_count <= 0 || num_count >= 8) { var num_count = 7; } var num_of_img; switch (num_count) { case 1: num_of_img = 1; break; case 2: num_of_img = 2; break; case 3: num_of_img = 3; break; case 4: num_of_img = 4; break; case 5: num_of_img = 5; break; case 6: num_of_img = 6; break; case 7: num_of_img = 7; break; default: num_of_img = 7; break } return num_of_img; } var a = 0; setInterval(function () { var num_of_img = random_num(7); if (a == 0) { $("#flipped0").flip({ direction: 'tb', color: 'rgba(0,0,0,0)', content: '<a href = "#"><img src = "images/photo_' + num_of_img + '.png" class="flip_photo" alt = "free shipping"/></a>', }) a = a + 1; } else { $("#flipped0").revertFlip(); } }, 7000); var b = 0; setInterval(function () { var num_of_img = random_num(1); if (b == 0) { $("#flipped1").flip({ direction: 'tb', color: 'rgba(0,0,0,0)', content: '<a href = "#"><img src = "images/photo_' + num_of_img + '.png" class="flip_photo" alt = "free shipping"/></a>', }) b = b + 1; } else { $("#flipped1").revertFlip(); } }, 5000); var c = 0; setInterval(function () { var num_of_img = random_num(2); if (c == 0) { $("#flipped2").flip({ direction: 'lr', color: 'rgba(0,0,0,0)', content: '<a href = "#"><img src = "images/photo_' + num_of_img + '.png" class="flip_photo" alt = "free shipping"/></a>', }) c = c + 1; } else { $("#flipped2").revertFlip(); } }, 6000); var d = 0; setInterval(function () { var num_of_img = random_num(3); if (d == 0) { $("#flipped3").flip({ direction: 'bt', color: 'rgba(0,0,0,0)', content: '<a href = "#"><img src = "images/photo_' + num_of_img + '.png" class="flip_photo" alt = "free shipping"/></a>', }) d = d + 1; } else { $("#flipped3").revertFlip(); } }, 6000); var e = 0; setInterval(function () { var num_of_img = random_num(4); if (e == 0) { $("#flipped4").flip({ direction: 'rl', color: 'rgba(0,0,0,0)', content: '<a href = "#"><img src = "images/photo_' + num_of_img + '.png" class="flip_photo" alt = "free shipping"/></a>', }) e = e + 1; } else { $("#flipped4").revertFlip(); } }, 8000); var f = 0; setInterval(function () { var num_of_img = random_num(5); if (f == 0) { $("#flipped5").flip({ direction: 'rl', color: 'rgba(0,0,0,0)', content: '<a href = "#"><img src = "images/photo_' + num_of_img + '.png" class="flip_photo" alt = "free shipping"/></a>', }) f = f + 1; } else { $("#flipped5").revertFlip(); } }, 9000); var g = 0; setInterval(function () { var num_of_img = random_num(6); if (g == 0) { $("#flipped6").flip({ direction: 'bt', color: 'rgba(0,0,0,0)', content: '<a href = "#"><img src = "images/photo_' + num_of_img + '.png" class="flip_photo" alt = "free shipping"/></a>', }) g = g + 1; } else { $("#flipped6").revertFlip(); } }, 7500); </script> </div> </body> </html>