用JS来实现图片轮换的效果

来源：不详责任编辑：栏目编辑发表时间:2013-07-01 13:07　点击:次

计算机技术编程开发数据库技术操作系统 WEB编程媒体动画软件使用图形图像网络安全 web服务器建站程序站长经验存储技术

HTML代码

<SCRIPT type=text/javascript>                                           
    var focus_width=282                                           
    var focus_height=164                                           
    var swf_height = focus_height                                           
    var pics='<a href="http://soft.yesky.com/imagelist/06/30/ws038x64917j.jpg" target="_blank" rel="external">http://soft.yesky.com/imagelist/06/30/ws038x64917j.jpg</a>|<a href="http://soft.yesky.com/imagelist/06/25/wfj258ln52s0.jpg" target="_blank" rel="external">http://soft.yesky.com/imagelist/06/25/wfj258ln52s0.jpg</a>|<a href="http://www.yesky.com/imagelist/06/27/o7fgh32po3oy.jpg" target="_blank" rel="external">http://www.yesky.com/imagelist/06/27/o7fgh32po3oy.jpg</a>|<a href="http://soft.yesky.com/imagelist/06/24/kz3tcc91r1f6.jpg" target="_blank" rel="external">http://soft.yesky.com/imagelist/06/24/kz3tcc91r1f6.jpg</a>|<a href="http://soft.yesky.com/imagelist/06/23/33k6hbe0ua69.jpg" target="_blank" rel="external">http://soft.yesky.com/imagelist/06/23/33k6hbe0ua69.jpg</a>|<a href="http://soft.yesky.com/imagelist/06/22/o9344fl979g0.jpg" target="_blank" rel="external">http://soft.yesky.com/imagelist/06/22/o9344fl979g0.jpg</a>'        
    var links='<a href="http://soft.yesky.com/lesson/22/2504522.shtml" target="_blank" rel="external">http://soft.yesky.com/lesson/22/2504522.shtml</a>|<a href="http://soft.yesky.com/lesson/461/2454961.shtml" target="_blank" rel="external">http://soft.yesky.com/lesson/461/2454961.shtml</a>|<a href="http://soft.yesky.com/lesson/382/2474382.shtml" target="_blank" rel="external">http://soft.yesky.com/lesson/382/2474382.shtml</a>|<a href="http://soft.yesky.com/lesson/149/2444649.shtml" target="_blank" rel="external">http://soft.yesky.com/lesson/149/2444649.shtml</a>|<a href="http://soft.yesky.com/lesson/434/2434434.shtml" target="_blank" rel="external">http://soft.yesky.com/lesson/434/2434434.shtml</a>|<a href="http://soft.yesky.com/lesson/377/2421877.shtml" target="_blank" rel="external">http://soft.yesky.com/lesson/377/2421877.shtml</a>'    
    var texts=''                                           
       document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="<a href="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab" target="_blank" rel="external">http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab</a>#version=6,0,0,0" width="'+ focus_width +'" height="'+ swf_height +'">');                                           
    document.write('<param name="allowScriptAccess" value="sameDomain">');                                           
    document.write('<param name="movie" value="<a href="http://www.yesky.com/TLimages/yeskyimages/pixviewer.swf" target="_blank" rel="external">http://www.yesky.com/TLimages/yeskyimages/pixviewer.swf</a>">');                                           
    document.write('<param name="quality" value="high">');                                           
    document.write('<param name="bgcolor" value="#DADADA">');                                           
    document.write('<param name="menu" value="false">');                                           
    document.write('<param name="wmode" value="opaque">');                                           
    document.write('<param name="FlashVars" value="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'">');                 
    document.write('<embed src="<a href="http://www.yesky.com/TLimages/yeskyimages/pixviewer.swf" target="_blank" rel="external">http://www.yesky.com/TLimages/yeskyimages/pixviewer.swf</a>" wmode="opaque" FlashVars="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'" menu="false" bgcolor="#DADADA" quality="high" width="'+ focus_width +
	</div>

<div class="box3">
          <ul>
	    <li onmouseover="shows_box('show_a')" onmouseout="hidds_box('show_a')">
	      <dl>
		<dt id="show_a" class="none" onmouseover="shows_box('show_a')" onmouseout="hidds_box('show_a')">
		  <a href="/data/rssmap.html">RSS订阅</a>
		</dt>
	      </dl>
	    </li>
	    <li onmouseover="shows_box('show_b')" onmouseout="hidds_box('show_b')">
	      <dl>
		<dt id="show_b" class="none" onmouseover="shows_box('show_b')" onmouseout="hidds_box('show_b')">
		  <a href="">返回</a><br /><a href="/">返回到首页</a>
		</dt>
	      </dl>
	    </li>
	    <li><a href="/plus/erraddsave.php?aid=3960&title=用JS来实现图片轮换的效果" class='error' target="_blank"></a>
	    </li>
          </ul>
	</div>

<div class="box2">
	   <div><h3>相关新闻>></h3><span></span></div>
	   <ul><li><a href="/a/jzcx/201307/3998.html" title='PJBLOG验证码样式的修改' target=_blank>PJBLOG验证码样式的修改</a></li>
<li><a href="/a/jzcx/201307/3996.html" title='PJblog多个侧边栏模块整合为分页标签样式的方法' target=_blank>PJblog多个侧边栏模块整合为分页标签样式的方法</a></li>
<li><a href="/a/jzcx/201307/3995.html" title='PJBLOG首页普通预览模式和列表预览模式的条目篇数设置' target=_blank>PJBLOG首页普通预览模式和列表预览模式的条目篇数设置</a></li>
<li><a href="/a/jzcx/201307/3994.html" title='PJBLOG数据库合并追加简易教程' target=_blank>PJBLOG数据库合并追加简易教程</a></li>
<li><a href="/a/jzcx/201307/3993.html" title='ACCESS数据库PJBLOG日志数据内容的批量替换方法' target=_blank>ACCESS数据库PJBLOG日志数据内容的批量替换方法</a></li>
<li><a href="/a/jzcx/201307/3992.html" title='pjblog返回顶部、置顶标志及提交内容时自动保存到粘贴板' target=_blank>pjblog返回顶部、置顶标志及提交内容时自动保存到粘贴板</a></li>
<li><a href="/a/jzcx/201307/3991.html" title='给PJBLOG后台风格管理增加删除皮肤的功能' target=_blank>给PJBLOG后台风格管理增加删除皮肤的功能</a></li>
<li><a href="/a/jzcx/201307/3990.html" title='最新日志,热门日志.最新评论.最新留言,选项卡切换' target=_blank>最新日志,热门日志.最新评论.最新留言,选项卡切换</a></li>
<li><a href="/a/jzcx/201307/3989.html" title='手机WAP发表日志功能' target=_blank>手机WAP发表日志功能</a></li>
<li><a href="/a/jzcx/201307/3988.html" title='PJBLOG留言评论邮件通知博主' target=_blank>PJBLOG留言评论邮件通知博主</a></li>
</ul>
	</div>

<div class="pr2_box">
          <div class="pr2_left">
            <div class="protitle pr_w266"><strong>最新推荐</strong><tt><a href="" class="white">更多>>></a></tt></div>
            <div class="pr2_prlist">
		<dl><dt><a href="/a/jzcx/201311/56383.html" target="_blank"><img src="/uploads/allimg/1311/1-13111F91202b3-lp.jpg" border=0 alt="火车头采集器dede" /></a></dt><dd><a href="/a/jzcx/201311/56383.html" title='火车头采集器dede' target=_blank><b>火车头采集器dede</b></a></dd></dl>

<ul style="line-height:21px;">
                 <li><a href="/a/jzcx/201312/59537.html" title='ucenter创始人密码忘记的简单解决办法' target=_blank>ucenter创始人密码忘记的简单解决办法</a></li>
<li><a href="/a/jzcx/201311/56383.html" title='火车头采集器dedecms织梦5.7图集发布模块的制作方法' target=_blank>火车头采集器dedecms织梦5.7图集发布模块的制作方法</a></li>
<li><a href="/a/jzcx/201307/21277.html" title='帝国cms：系统限制的登录次数不得超过5次 的解决方法' target=_blank>帝国cms：系统限制的登录次数不得超过5次 的解决方法</a></li>
<li><a href="/a/jzcx/201307/20360.html" title='动易SiteWeaver系统使用火车头采集器内置浏览器登录提示不允许从外部链接地址访问的解' target=_blank>动易SiteWeaver系统使用火车头采集器内置浏览器登录提示不允许从外部链接地址访问的解</a></li>
<li><a href="/a/jzcx/201307/20357.html" title='如何去掉动易siteseaver模版里的js//无级缩放图片大小代码' target=_blank>如何去掉动易siteseaver模版里的js//无级缩放图片大小代码</a></li>
<li><a href="/a/jzcx/201307/20122.html" title='动易SiteWeaver系统中如何给评论加验证码' target=_blank>动易SiteWeaver系统中如何给评论加验证码</a></li>
<li><a href="/a/jzcx/201307/20121.html" title='动易siteweaver系统登录验证码改为纯数字或其他样式的方法' target=_blank>动易siteweaver系统登录验证码改为纯数字或其他样式的方法</a></li>

</ul>
            </div>  
          </div> 
          <div class="pr2_right">
            <div class="protitle"><strong>热门新闻</strong><tt><a href="" class="white">进入频道>></a></strong></tt></div>
            <div class="pr2_zxlist">
              <dl><dt><a href='/a/jzcx/'>建站程序</a></dt><dd><a href="/a/jzcx/201307/8492.html" title='去掉动易系统{$ShowPath}里面的连接' target=_blank>去掉动易系统{$ShowPath}里面的连接</a></dd></dl>
<dl><dt><a href='/a/jzcx/'>建站程序</a></dt><dd><a href="/a/jzcx/201307/3882.html" title='最全的PJblog后台绿色插件及使用教程免费下载（已经更新）' target=_blank>最全的PJblog后台绿色插件及使用教程免费下载（已经更新）</a></dd></dl>
<dl><dt><a href='/a/jzcx/'>建站程序</a></dt><dd><a href="/a/jzcx/201307/12353.html" title='关于dede织梦系统DedeAMPZ整合包使用的常见问题说明' target=_blank>关于dede织梦系统DedeAMPZ整合包使用的常见问题说明</a></dd></dl>
<dl><dt><a href='/a/jzcx/'>建站程序</a></dt><dd><a href="/a/jzcx/201307/4438.html" title='动易采集教程之采集管理介绍' target=_blank>动易采集教程之采集管理介绍</a></dd></dl>
<dl><dt><a href='/a/jzcx/'>建站程序</a></dt><dd><a href="/a/jzcx/201307/8491.html" title='动易2006 SP6版官方组件少个PE_CMS6.dll' target=_blank>动易2006 SP6版官方组件少个PE_CMS6.dll</a></dd></dl>
<dl><dt><a href='/a/jzcx/'>建站程序</a></dt><dd><a href="/a/jzcx/201307/8471.html" title='动易修改公告弹出窗口的模式' target=_blank>动易修改公告弹出窗口的模式</a></dd></dl>

</div>
          </div>
        </div>

</div>

<DIV class=blank6></div>
      
<a name='postform'></a>
<div class="mt1">
  <dl class="tbox">
    <dt>
      <strong>发表评论</strong><span class="more"></span>
    </dt>
    <dd>
	<div class="dede_comment_post">

<div class="dcmp-title"><small>请自觉遵守互联网相关的政策法规，严禁发布色情、暴力、反动的言论。</small></div>

用户名: 验证码: