javascript图片切换效果/带文字

来源：互联网发布：男变女软件相机编辑：程序博客网时间：2024/05/16 00:39

纯图片版：

<html><head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>Slideshow</title> <mce:script type="text/javascript" charset="utf-8"></mce:script></head><body> <div style="width:170px;height:160px;border:4px solid #e2e2e2;margin:0 auto;"> <img id="slideshow" src="img/cat.gif" mce_src="img/cat.gif"> </div> </div> </body></html>

图片＋文字说明

<html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>Slideshow</title> <mce:script type="text/javascript" charset="utf-8"></mce:script> </head> <body> <div style="margin:0 auto;width:200px;"> <div style="width:170px;height:160px;border:4px solid #e2e2e2;"> <img id="slideshow" src="img/cat.gif" mce_src="img/cat.gif" src="img/cat.gif" mce_src="img/cat.gif"> </div> <span>This is </span><span style="padding:8px;" mce_style="padding:8px;" id="showTxt">cat</span></div> </body> </html>