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

来源：不详责任编辑：admin 发表时间: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="火车头采集器" /></a></dt><dd><a href="/a/jzcx/201311/56383.html" title='火车头采集器' target=_blank><b>火车头采集器</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">
          <form action="#" method="post" name="feedback">
          <input type="hidden" name="dopost" value="send" />
          <input type="hidden" name="comtype" value="comments">
          <input type="hidden" name="aid" value="3960" />
          <input type="hidden" name="fid" id='feedbackfid' value="0" />
          <div class="dcmp-title">
						<small>请自觉遵守互联网相关的政策法规，严禁发布色情、暴力、反动的言论。</small>
					</div>
					<div class="dcmp-stand">
						<strong>评价:</strong>
							<input type="radio" name="feedbacktype" checked="1" value="feedback" id="dcmp-stand-neu" /><label for="dcmp-stand-neu"><img src="/templets/default/images/cmt-neu.gif" />中立</label>
							<input type="radio" name="feedbacktype" value="good" id="dcmp-stand-good" /><label for="dcmp-stand-good"><img src="/templets/default/images/cmt-good.gif" />好评</label>
							<input type="radio" name="feedbacktype" value="bad" id="dcmp-stand-bad" /><label for="dcmp-stand-bad"><img src="/templets/default/images/cmt-bad.gif" />差评</label>
					</div>
                    <div class="clr"></div>
                    <div class="dcmp-mood">
						<strong>表情:</strong>
						<ul>            
								                   
						</ul>
					</div>
					<div class="dcmp-content">
						<textarea cols="60" name="msg" rows="5" class="ipt-txt">

用户名: 验证码: 点击我更换图片