图片切换显示

来源：尔游网

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">  <html xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE></TITLE> <meta http-equiv=Content-Type content="text/html; charset=utf-8"> <style type=text/css>* { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; FONT-FAMILY: Verdana } BODY { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px } #play IMG { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; WIDTH: 500px; HEIGHT: 320px; BORDER-RIGHT-WIDTH: 0px } #play { OVERFLOW: hidden; WIDTH: 500px; HEIGHT: 320px } #play_info { Z-INDEX: 10000; WIDTH: 500px; CURSOR: pointer; COLOR: #333! important; POSITION: absolute; TOP: 188px; HEIGHT: 28px; TEXT-ALIGN: center } #play_text { FONT-WEIGHT: normal; Z-INDEX: 1002; MARGIN: 163px 0px 0px 185px; WIDTH: 94px; POSITION: absolute; HEIGHT: 20px;top:130px;left:230px; } #play_text UL { DISPLAY: block; FILTER: Alpha(Opacity=80); WIDTH: 94px; PADDING-TOP: 1px; LIST-STYLE-TYPE: none; HEIGHT: 20px; _padding-top: 0px; opacity: 0.8; color: #FFFFFF; font-weight: bold; } #play_text UL LI { DISPLAY: block; BACKGROUND: url(js-botton-ff.gif) no-repeat; FLOAT: left; MARGIN: 1px; WIDTH: 15px; CURSOR: pointer; COLOR: white; FONT-FAMILY: "Courier New"; HEIGHT: 15px; TEXT-ALIGN: center; font-size:15pt; } #play_list A { DISPLAY: block; OVERFLOW: hidden; WIDTH: 500px; POSITION: absolute; HEIGHT: 320px } </STYLE> <SCRIPT src="http://51kfwz.com/TEMP/js/jquery.js" mce_src="http://51kfwz.com/TEMP/js/jquery.js" type=text/javascript></SCRIPT> <SCRIPT type=text/javascript> var t = n = count = 0; $(function(){ count = $("#play_list a").size(); $("#play_list a:not(:first-child)").hide(); $("#play_info").html($("#play_list a:first-child").find("img").attr('alt')); $("#play_text li:first-child").css({"background":"url(js-button.gif) no-repeat",'color':'#fff'}); $("#play_info").click(function(){window.open($("#play_list a:first-child").attr('href'), "_blank")}); $("#play_text li").click(function() { var i = $(this).text() - 1; n = i; if (i >= count) return; $("#play_info").html($("#play_list a").eq(i).find("img").attr('alt')); $("#play_info").unbind().click(function(){window.open($("#play_list a").eq(i).attr('href'), "_blank")}) $("#play_list a").filter(":visible").fadeOut(500).parent().children().eq(i).fadeIn(1000); $(this).css({"background":"url(js-button.gif) no-repeat",'color':'red'}).siblings().css({"background":"url(js-botton-ff.gif) no-repeat",'color':'red'}); }); t = setInterval("showAuto()", 4000); $("#play").hover(function(){clearInterval(t)}, function(){t = setInterval("showAuto()", 4000);}); }) function showAuto() { n = n >= (count - 1) ? 0 : n + 1; $("#play_text li").eq(n).trigger('click'); } </SCRIPT> <META content="MSHTML 6.00.6001.18148" name=GENERATOR></HEAD> <BODY style="background-color: black;" mce_style="background-color: black;"> <DIV id=play> <DIV id=play_info></DIV> <DIV id=play_text> <UL> <LI>1 </LI> <LI>2 </LI> <LI>3 </LI> <LI>4 </LI> <LI>5 </LI></UL></DIV> <DIV id=play_list><A href="http://51kfwz.com/news.aspx?id=21" mce_href="http://51kfwz.com/news.aspx?id=21" target=_blank> <IMG title="51开发网站" src="200903272123319531gvfeat55diwzkh453smnnkmo.jpg" mce_src="200903272123319531gvfeat55diwzkh453smnnkmo.jpg"> </A> <A href="http://51kfwz.com/news.aspx?id=18" mce_href="http://51kfwz.com/news.aspx?id=18" target=_blank> <IMG title="51开发网站" src="200903060147321562dc4lzj45u4ftgdvkqdr4ip55.jpg"> </A><A href="http://51kfwz.com/news.aspx?id=20" target=_blank> <IMG title="51开发网站" src="200903060057297343dc4lzj45u4ftgdvkqdr4ip55.jpg" mce_src="200903060057297343dc4lzj45u4ftgdvkqdr4ip55.jpg"> </A><A href="http://51kfwz.com/news.aspx?id=21" target=_blank> <IMG title="51开发网站" src="2009013101024045312iqqgd55dujyb455bqti4145.jpg" mce_src="2009013101024045312iqqgd55dujyb455bqti4145.jpg"> </A><A href="http://51kfwz.com/news.aspx?id=21" target=_blank> <IMG title="51开发网站" src="2009060920330078120gled22ru2gvhv45oh0yesa1.jpg" mce_src="2009060920330078120gled22ru2gvhv45oh0yesa1.jpg"> </A></DIV></DIV></BODY></HTML>

http://topic.csdn.net/u/20090914/15/217cdf69-61f8-4847-bcc9-d3713f71d54c.html

因篇幅问题不能全部显示，请点此查看更多更全内容

查看全文