<!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> <title>很酷的配合flash的图片幻灯切换效果</title> <meta http-equiv="content-type" content="text/html;charset=gb2312"> <!--把下面代码加到<head>与</head>之间--> <style type="text/css"> td{font-size:14px;} a{text-decoration:none;} </style> </head> <body> <!--把下面代码加到<body>与</body>之间--> <script language="javascript"> //定义图片路径等参数// //定义大图的路径 var bigPic0 ="/html/txdm_2/images/20100903/ystp_1.jpg"; var bigPic1 ="/html/txdm_2/images/20100903/ystp_2.jpg"; var bigPic2 ="/html/txdm_2/images/20100903/ystp_3.jpg"; var bigPic3 ="/html/txdm_2/images/20100903/ystp_4.jpg"; //小图路径 var smallPic0 ="/html/txdm_2/images/20100903/ystp_1.jpg"; var smallPic1 ="/html/txdm_2/images/20100903/ystp_2.jpg"; var smallPic2 ="/html/txdm_2/images/20100903/ystp_3.jpg"; var smallPic3 ="/html/txdm_2/images/20100903/ystp_4.jpg"; //大图的点击后的URL var PicURL0 ="http://www.daimajiayuan.com"; var PicURL1 ="http://www.33567.cn"; var PicURL2 ="http://www.daimajiayuan.com"; var PicURL3 ="http://www.7caidy.com"; //标题 var t0="安徽黄山风景区图片(一)"; var t1="安徽黄山风景区图片(二)"; var t2="安徽黄山风景区图片(三)"; var t3="安徽黄山风景区图片(四)"; //描述 var describe0="安徽黄山风景区图片(一)"; var describe1="安徽黄山风景区图片(二)"; var describe2="安徽黄山风景区图片(三)"; var describe3="安徽黄山风景区图片(四)"; // var t=t0+"[|]"+t1+"[|]"+t2+"[|]"+t3; var bigPicURL=bigPic0+"[|]"+bigPic1+"[|]"+bigPic2+"[|]"+bigPic3; var smallPicURL=smallPic0+"[|]"+smallPic1+"[|]"+smallPic2+"[|]"+smallPic3; var PicURL=PicURL0+"[|]"+PicURL1+"[|]"+PicURL2+"[|]"+PicURL3; var describe = describe0+"[|]"+describe1+"[|]"+describe2+"[|]"+describe3; // document.write("<object classid='clsid:d27cdb6e-ae6d-11cf-96b8-444553540000' codebase='http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0' width='535' height='356' ID='FSCommand' NAME='focus_one' align='middle'><param name='allowScriptAccess' value='sameDomain'><param name='movie' value='/html/txdm_2/images/20100903/20070731220112_bnfocus.swf'><param name='FlashVars' value='bigPicURL=" + bigPicURL + "&smallPicURL=" + smallPicURL + "&t="+t+"&PicURL="+PicURL+"&describe="+describe+"'><param name='quality' value='high'><param name='bgcolor' value='#ffffff'><embed src='/html/txdm_2/images/20100903/20070731220112_bnfocus.swf' FlashVars='bigPicURL=" + bigPicURL + "&smallPicURL=" + smallPicURL + "&t="+t+"&PicURL="+PicURL+"&describe="+describe+"' quality='high' bgcolor='#ffffff' width='535' height='356' name='focus' swLiveConnect='true' align='middle' allowScriptAccess='sameDomain' type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer'></object>"); </script> </body> </html> <p align="center">本特效由 <a href="http://www.daimajiayuan.com">代码家园</a>丨 收集于互联网,只为兴趣与学习交流,不作商业用途。</p> 运行代码 复制代码 另存代码 提示:可以先修改部分代码后再运行 转载请注明:代码家园 » 推荐很酷的配合flash的图片幻灯切换特效 继续浏览有关 的文章 上一篇:CSS个性尖角布局,四个方向的尖角特效 下一篇:简洁实用的banner图片幻灯展示特效 相关代码 基于jQuery实现的点击图片翻页展示特效 超酷的图片重叠渐显特效 图片从上往下滚动切换特效 使用jQuery的Flickr照片分享网的图片预览特效 + js控制图片向各个方向滚动特效 + 获取指定图片的url地址的JS脚本 + 九宫格图片半透明渐显特效 + 单个图片向上滚动显示可作友情链接 + 鼠标经过时,图片滚动停止特效 + 可以随意拖动的多个图片(可作拼图) + 不停闪烁的图片,可带链接 + 点击图片直接把图片地址复制到粘贴板 + 下拉框选择要显示的图片 + 鼠标点击图片即可随机变换图片 + 图像循环明暗变化 + 显示下拉菜单列表中选中图片