Jquery中文网 www.jquerycn.cn
Jquery中文网 >  脚本编程  >  javascript  >  正文 javascript 简洁的图片幻灯切换效果代码

javascript 简洁的图片幻灯切换效果代码

发布时间:2017-05-07   编辑:www.jquerycn.cn
jquery中文网为您提供javascript 简洁的图片幻灯切换效果代码等资源,欢迎您收藏本站,我们将为您提供最新的javascript 简洁的图片幻灯切换效果代码资源
javascript 简洁的图片幻灯切换效果代码
提示:您可以先修改部分代码再运行

<textarea name="runcool" rows="28" cols="75" > <html> <head> <title>简洁的图片幻灯切换效果</title> <meta http-equiv="content-type" content="text/html;charset=gb2312"> <style type="text/css"> *{margin:3;padding:0;font-size:13px;} body{font-size:12px;color:#333333;text-align:center;font-family:'宋体',arial,verdana,sans-serif;margin-top:8px;} table{border-collapse:collapse;} img{border:0;} a{font-size:16px;} a:link{color:#333333;text-decoration:none;} a:visited{color:#333333;text-decoration:none;} a:hover{color:#ff6600;text-decoration:underline;} a:active{text-decoration:none;} #i_photo img{margin-left:0px;} #index_page{float:right;display:block;height:16px;padding:1px 0;margin-right:4px;} #index_page *{float:left;display:inline;line-height:16px;border:1px solid #b6cfcd;text-align:center;padding:0;margin:0 2px;} #index_page strong{background:#009a91;color:#fff;width:16px;} #index_page span{color:#009a91;padding:3px 0 0 0;border:0;cursor:pointer;} #index_page a{width:16px;color:#009a91;text-decoration:none;} </style> <script language="javascript" type="text/javascript"> //_tnum){_tn=1;i=1;} _tl?document.getelementbyid('focuspic' _tl).style.display='none':''; document.getelementbyid('focuspic' i).style.display='block'; _tl=i; _tn ; } //]]> </script> </head> <body> <table width="200" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td>
这里是您的标题一文字内容 <h1>这里是您的标题一文字内容</h1>
<span onclick="javascript:setfocus(2);">点击切换焦点图→</span> 1 2 3 4
这里是您的标题二文字内容 <h1>这里是您的标题二文字内容</h1>
<span onclick="javascript:setfocus(3);">点击切换焦点图→</span> 1 2 3 4
这里是您的标题三文字内容 <h1>这里是您的标题三文字内容</h1>
<span onclick="javascript:setfocus(4);">点击切换焦点图→</span> 1 2 3 4
这里是您的标题四文字内容 <h1>这里是您的标题四文字内容</h1>
<span onclick="javascript:setfocus(1);">点击切换焦点图→</span> 1 2 3 4
</td> </tr> </table> </body> </html></textarea>
提示:您可以先修改部分代码再运行

您可能感兴趣的文章:
javascript 竖向排列的图片幻灯切换效果
jquery幻灯片效果的插件一例
javascript 简洁的图片幻灯切换效果代码
基于jquery的网站幻灯片切换效果焦点图代码
HTML5幻灯片系统:H5Slides
详解HTML5幻灯片系统--H5Slides
简单常用的幻灯片播放实现代码
js 可控制的图片幻灯切换效果
经典的仿切片滤镜的图片幻灯切换效果
简洁jQuery滑动门效果特效代码

[关闭]