Javascript仿flash焦点图片效果

来源：互联网发布：淘宝俄罗斯代购靠谱吗编辑：程序博客网时间：2024/04/28 13:51

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><mce:style type="text/css" media="all"></mce:style><style type="text/css" media="all" mce_bogus="1">.d1{width:443px;height:auto;overflow:hidden;border:#666666 2px solid;background-color:#000000;position:relative;}.loading{width:443px;border:#666666 2px solid;background-color:#000000;color:#FFCC00;font-size:12px;height:179px;text-align:center;padding-top:30px;font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:bold;}.d2{width:100%;height:209px;overflow:hidden;}.num_list{position:absolute;width:100%;left:0px;bottom:-1px;background-color:#000000;color:#FFFFFF;font-size:12px;padding:4px 0px;height:20px;overflow:hidden;}.num_list span{display:inline-block;height:16px;padding-left:6px;}img{border:0px;}ul{display:none;}.button{position:absolute; z-index:1000; right:0px; bottom:2px; font-size:13px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}.b1,.b2{background-color:#666666;display:block;float:left;padding:2px 6px;margin-right:3px;color:#FFFFFF;text-decoration:none;cursor:pointer;}.b2{color:#FFCC33;background-color:#FF6633;}</style><mce:script language="javascript" type="text/javascript"></mce:script><title>Javascript图片幻灯效果——wxwdesign.cn</title></head><body><div id="fade_focus"> <div class="loading">Loading...<br /><img src="http://www.wxwdesign.cn/attachments/month_0809/v2008925193118.gif" mce_src="http://www.wxwdesign.cn/attachments/month_0809/v2008925193118.gif" width="100" height="100" /></div> <ul> <li><a href="http://www.wxwdesign.cn" mce_href="http://www.wxwdesign.cn" target="_blank"><img src="http://www.wxwdesign.cn/Down/flash/flash_show/images/1.jpg" mce_src="http://www.wxwdesign.cn/Down/flash/flash_show/images/1.jpg" width="443" height="209" alt="展示图片1" /></a></li> <li><a href="http://www.wxwdesign.cn" mce_href="http://www.wxwdesign.cn" target="_blank"><img src="http://www.wxwdesign.cn/Down/flash/flash_show/images/2.jpg" mce_src="http://www.wxwdesign.cn/Down/flash/flash_show/images/2.jpg" width="443" height="209" alt="展示图片2" /></a></li> <li><a href="http://www.wxwdesign.cn" mce_href="http://www.wxwdesign.cn" target="_blank"><img src="http://www.wxwdesign.cn/Down/flash/flash_show/images/3.jpg" mce_src="http://www.wxwdesign.cn/Down/flash/flash_show/images/3.jpg" width="443" height="209" alt="展示图片3" /></a></li> <li><a href="http://www.wxwdesign.cn" mce_href="http://www.wxwdesign.cn" target="_blank"><img src="http://www.wxwdesign.cn/Down/flash/flash_show/images/4.jpg" mce_src="http://www.wxwdesign.cn/Down/flash/flash_show/images/4.jpg" width="443" height="209" alt="展示图片4" /></a></li> </ul></div></body></html>