新浪首发：图片播放器_冰河星矢_新浪博客

新浪博客

加载中…

http://blog.sina.com.cn/u/1223244273

首页博文目录关于我

个人资料

冰河星矢

冰河星矢

微博

加好友发纸条

写留言加关注

博客等级：
博客积分：0

博客访问：21,789,707
关注人气：21,617
获赠金笔：0支
赠出金笔：0支
荣誉徽章：

正文字体大小：大中小

新浪首发：图片播放器

(2006-08-22 08:23:46)

分类：时尚潮流类爱美心皆有之

代码如下:

<script><script>
<!-- Begin

var Onerotate_delay = 2000; // delay in milliseconds (5000 = 5 secs)
Onecurrent = 0;
var OneLinks = new Array(3);
OneLinks[0] = "#";
OneLinks[1] = "#";
OneLinks[2] = "#";
function Onenext() {
if (document.Oneslideform.Oneslide[Onecurrent+1]) {
document.images.Oneshow.src = document.Oneslideform.Oneslide[Onecurrent+1].value;
document.Oneslideform.Oneslide.selectedIndex = ++Onecurrent;
   }
else Onefirst();
}
function Oneprevious() {
if (Onecurrent-1 >= 0) {
document.images.Oneshow.src = document.Oneslideform.Oneslide[Onecurrent-1].value;
document.Oneslideform.Oneslide.selectedIndex = --Onecurrent;
   }
else Onelast();
}
function Onefirst() {
Onecurrent = 0;
document.images.Oneshow.src = document.Oneslideform.Oneslide[0].value;
document.Oneslideform.Oneslide.selectedIndex = 0;
}
function Onelast() {
Onecurrent = document.Oneslideform.Oneslide.length-1;
document.images.Oneshow.src = document.Oneslideform.Oneslide[Onecurrent].value;
document.Oneslideform.Oneslide.selectedIndex = Onecurrent;
}
function Oneap(text) {
document.Oneslideform.Oneslidebutton.value = (text == "Stop") ? "Start" : "Stop";
Onerotate();
}
function Onechange() {
Onecurrent = document.Oneslideform.Oneslide.selectedIndex;
document.images.Oneshow.src = document.Oneslideform.Oneslide[Onecurrent].value;
}
function Onerotate() {
if (document.Oneslideform.Oneslidebutton.value == "Stop") {
Onecurrent = (Onecurrent == document.Oneslideform.Oneslide.length-1) ? 0 : Onecurrent+1;
document.images.Oneshow.src = document.Oneslideform.Oneslide[Onecurrent].value;
document.Oneslideform.Oneslide.selectedIndex = Onecurrent;
window.setTimeout("Onerotate()", Onerotate_delay);
}
}
function Onetransport(){
window.location=OneLinks[Onecurrent]
}
//  End -->
</script>
<TABLE border="0" cellspacing="0" cellpadding="0">
  <TR>
    <TD>
      <form name="Oneslideform" >
        <DIV align="center">
                      <TABLE width="150" border="1" cellspacing="0" cellpadding="4" bordercolor="#FF99CC">
                        <TR> 
                          <TD bgcolor="#FFFFFF"> <DIV align="center"><A href="javascript:Onetransport()"><IMG src="images/k0212.gif" width="140" height="105" name="Oneshow" border="0"></A></DIV></TD>
                        </TR>
                        <TR> 
                          <TD bgcolor="#FFE1F5"> 
                            <DIV align="center"> 
                              <SELECT name="Oneslide" onChange="Onechange();">
                                <OPTION value="images/flag.gif"  selected>图片 1</OPTION>
                                <OPTION value="images/developer.gif">图片 2</OPTION>
                                <OPTION value="images/love.gif">图片 3</OPTION>
                              </SELECT>
                            </DIV></TD>
                        </TR>
                        <TR> 
                          <TD bgcolor="#FFE1F5"> 
                            <DIV align="center"> 
                              <INPUT type=button onClick="Oneprevious();" value="<<" title="上一个">
                              <INPUT type=button name="Oneslidebutton" onClick="Oneap(this.value);" value="开始循环" title="自动显示">
                              <INPUT type=button onClick="Onenext();" value=">>" title="下一个">
                            </DIV></TD>
                        </TR>
                      </TABLE>
        </DIV>
      </form>
    </TD>
  </TR>
</TABLE>

添加方法：

１，控制面板----首页内容维护----定义空白模板----新建,创建模块标题，显示源代码粘贴代码（粘贴代码前，在普通模式下打一个空格，然后再进入源代码编辑模式，这时你会看到源代码中已经有一行代码了（ <DIV> </DIV> ），这时你再将自己的代码粘贴到它的下面即可，因为CSS代码粘贴到新建立的模块中，没有别的内容，不会显示的）----保存并返回；

　２，控制面板----定制我的首页----点添加模块----点选创建好的模块标题---勾上并保存，移动新建面板位置--保存设置。做第二步的目的是将建立好的模块在博客个人首页里呈现出来。

或者直接把以上代码粘贴到以前你建立的模块中--找一个以前你建立的模块，并且现在正在使用这个模块，显示源代码粘贴代码。点击保存即可！

转载注明出处！出自：博易天下冰河的博客每天都有不一样的精彩！

效果展示：

http://www.jscode.cn/JsCode/images/k0212.gif

阅读┊ 收藏 ┊ 喜欢 ▼ ┊打印┊举报/Report

前一篇：新浪首发：带颜色的欢迎窗口

后一篇：新浪首发：跟随鼠标浮动的图片

新浪BLOG意见反馈留言板　欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 产品答疑

Copyright © 1996 - 2022 SINA Corporation, All Rights Reserved

新浪公司版权所有