document.writeln("<style type=\"text/css\">"); document.writeln("* {margin:0;padding:0;}"); document.writeln("img {border:0}"); document.writeln("#pic{width:660px;height:393px;overflow:hidden;cursor:pointer;}"); document.writeln("#play{position:absolute;margin-left:500px;margin-top:-45px;}"); document.writeln("#play a{text-decoration: none;border:1px solid #CEDEF7;background-color:#E8FCEB;width:20px;height:20px;color:#2F49DF;display:block;float:left;text-align:center;line-height:20px;margin-right:3px;}"); document.writeln("</style>"); var _c = _h = 0; $(function(){ $('#play > a').click(function(){ var i = $(this).attr('alt') - 1; clearInterval(_h); _c = i; play(); change(i); }) $("#pic img").hover(function(){clearInterval(_h)}, function(){play()}); play(); }) function play() { _h = setInterval("auto()", 5000); } function change(i) { $('#play > a').css('background-color','#E8FCEB').eq(i).css('background-color','#C6FF5E').blur(); $("#pic img").hide().eq(i).fadeIn('slow'); } function auto() { _c = _c > 2 ? 0 : _c + 1; change(_c); } auto(); document.writeln("<div id=\"pic\">"); document.writeln("<a href=\"/Content/News/12529\" target=\"_blank\">"); document.writeln("<img src=\"/upload/images/201811/21091419.png\" width=\"640\" height=\"383\" border=\"0\"/>"); document.writeln("</a>"); document.writeln("<a href=\"/Content/News/12486\" target=\"_blank\">"); document.writeln("<img src=\"/upload/images/201811/05165122.jpg\" width=\"640\" height=\"383\" border=\"0\"/>"); document.writeln("</a>"); document.writeln("<a href=\"/Content/News/12307\" target=\"_blank\">"); document.writeln("<img src=\"/upload/images/201807/30164005.jpg\" width=\"640\" height=\"383\" border=\"0\"/>"); document.writeln("</a>"); document.writeln("<a href=\"/Content/News/12230\" target=\"_blank\">"); document.writeln("<img src=\"/upload/images/201806/25105733.JPG\" width=\"640\" height=\"383\" border=\"0\"/>"); document.writeln("</a>"); document.writeln("</div>"); document.writeln("<div id=\"play\">"); document.writeln("<a href=\"###\" alt=\"1\" style=\"background-color:#C6FF5E\">1</a>"); document.writeln("<a href=\"###\" alt=\"2\" >2</a>"); document.writeln("<a href=\"###\" alt=\"3\" >3</a>"); document.writeln("<a href=\"###\" alt=\"4\" >4</a>"); document.writeln("</div>");