船长 发表于 2009-03-17 11:59 | 分类：javascript | 阅读数：742 次
随机效果图片展示，图片展示效果，每次刷新页面展示效果不同，图片可带链接
<!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> New Document </title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> .flashclass{ /*sample CSS class added to image slideshow container*/ width: 200px; /*a width should be defined for transition to work*/ border: 5px solid orange; padding: 5px; } .flashclass img{ border-width: 0; } </style> <script type="text/javascript" src="http://www.songlecn.com/wp-content/supload/2009/03/17/transitionshow.js"> </script> </head> <body> <div style="color:red">*如无效果，请再次刷新页面</div> <script type="text/javascript"> var flashyshow=new flashyslideshow({ //create instance of slideshow wrapperid: "myslideshow", //unique ID for this slideshow wrapperclass: "flashclass", //desired CSS class for this slideshow imagearray: [ ["http://www.songlecn.com/wp-content/supload/2009/03/17/summer.jpg", "http://www.songlecn.com", "_new", "夏天."], ["http://www.songlecn.com/wp-content/supload/2009/03/17/winter.jpg", "http://www.songlecn.com", "", "冬天."], ["http://www.songlecn.com/wp-content/supload/2009/03/17/spring.jpg", "http://www.songlecn.com", "", "春天."], ["http://www.songlecn.com/wp-content/supload/2009/03/17/autumn.jpg", "http://www.songlecn.com", "", "秋天."] ], pause: 2000, //pause between content change (millisec) transduration: 1000 //duration of transition (affects only IE users) }) </script> <div style="height:20px;line-height:20px;background:#ccc;">代码整理：<a href="http://www.songlecn.com/">web集结号-http://www.songlecn.com</a></div> </body> </html>
提示：你可以先修改部分代码再运行。
您的网名： * 必填
电子邮件： * 绝不会泄露
个人主页：
评论内容：
(Ctrl+Enter快捷回复)
web集结号致力于
