CINXE.COM
<!DOCTYPE html> <html> <head> <meta charset=utf-8 /> <title></title> <META content="IE = 11.0000" http-equiv="X-UA-Compatible"> <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1" /> <link rel="stylesheet" href="https://www.mds.cn/assets/du2017/css/style.css" type="text/css" media="screen" title="no title" charset="utf-8"> <!-- Use jQuery for best compatibility with other CSS3 enabled browsers --> <script src="https://www.mds.cn/assets/du2017/js/jquery.min.js" type="text/javascript" charset="utf-8"></script> <script src="https://www.mds.cn/assets/du2017/js/index.js" type="text/javascript" charset="utf-8"></script> <!--<script type="text/javascript" charset="utf-8"> $(function(){ /*if(!flux.browser.supportsTransitions) alert("Flux Slider requires a browser that supports CSS3 transitions");*/ window.f = new flux.slider('#slider', { pagination: false, controls: false, transitions: ['explode', 'tiles3d', 'bars3d', 'cube', 'turn'], autoplay: false }); /*$('.transitions').click(function(event){ event.preventDefault(); window.f.next($(event.target).data('transition'), $(event.target).data('params')); });*/ }); /*function load(){ window.f.next("tiles3d",""); }*/ </script>--> </head> <body onload="load()"> <section class="container"> <div id="slider"> <img src="https://www.mds.cn/assets/du2017/images/img/content2.jpg" class="content" alt=""/></div> <div id="content"> <div class="left"><img src="https://www.mds.cn/assets/du2017/images/img/bg_1.jpg" class="img1" alt="" /> <div class="btn2"> <img src="https://www.mds.cn/assets/du2017/images/img/l_1.png" class="lefttop_img" /> <a href="http://www.mdc.com.cn/en/index"><img src="https://www.mds.cn/assets/du2017/images/img/button_2.png" class="left_center_img"/></a> <img src="https://www.mds.cn/assets/du2017/images/img/jt_2.png" class="jt2"/> <img src="https://www.mds.cn/assets/du2017/images/img/text_1.png" class="text_1"/> </div> <img src="https://www.mds.cn/assets/du2017/images/img/logo_2.png" class="logo2"/> </div> <div class="right"> <div class="btn3"> <img src="https://www.mds.cn/assets/du2017/images/img/r_1.png" class="righttop_img"/> <a href="http://www.mds.cn/en/index"><img src="https://www.mds.cn/assets/du2017/images/img/button_3.png" class="right_center_img"/></a> <img src="https://www.mds.cn/assets/du2017/images/img/jt_3.png" class="jt3"/> <img src="https://www.mds.cn/assets/du2017/images/img/text_2.png" class="text_2"/> </div> <img src="https://www.mds.cn/assets/du2017/images/img/logo_3.png" class="logo3"/> </div> </div> <ul class="transitions"> <li> <button type="button" data-transition="explode" data-params='{"rows": 4}'>Explode</button> </li> <li> <button type="button" id="btn" data-transition="tiles3d" data-params='{"columns": 16}'>Tile</button> </li> <li> <button type="button" data-transition="bars3d">Bars</button> </li> <li> <button type="button" data-transition="cube">Cube</button> </li> <li> <button type="button" data-transition="turn">Turn</button> </li> </ul> </section> </body> </html>