利用js实现韩国随机焦点图代码



39 152 51



特效描述:利用js实现 韩国随机 焦点图代码,利用js实现韩国随机焦点图代码

代码结构

1. HTML代码

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title></title>
</head>
<BODY>
<SCRIPT>
var roll_image = new Array;
var image_link = new Array;
var small_img = new Array;
roll_image[0] = 'images/01.jpg';
image_link[0] = 'http://51qianduan.com';
small_img[0] = 'images/main_flash_button1_on.gif';
roll_image[1] = 'images/02.jpg';
image_link[1] = 'http://51qianduan.com';
small_img[1] = 'images/main_flash_button2_on.gif';
roll_image[2] = 'images/03.jpg';
image_link[2] = 'http://51qianduan.com';
small_img[2] = 'images/main_flash_button3_on.gif';
roll_image[3] = 'images/04.jpg';
image_link[3] = 'http://51qianduan.com';
small_img[3] = 'images/main_flash_button4_on.gif';
roll_image[4] = 'images/05.jpg';
image_link[4] = 'http://51qianduan.com';
small_img[4] = 'images/main_flash_button5_on.gif';
roll_image[5] = 'images/06.jpg';
image_link[5] = 'http://51qianduan.com';
small_img[5] = 'images/main_flash_button6_on.gif';
roll_image[6] = 'images/07.jpg';
image_link[6] = 'http://51qianduan.com';
small_img[6] = 'images/main_flash_button7_on.gif';
var cliImg = '';
var cliImgSrc = '';
var imgNo = Math.round(Math.random() * 7);
var interval = 3000;
var setTime = '';
function click_simg(ci, no){
 var pImg = document.all.bigimg;
 var pLink = document.all.imglink;
 if(cliImg == '') {
  cliImg = ci;
  cliImgSrc = ci.src;
  ci.src = small_img[no];
  imgNo=no;
  pImg.src =roll_image[no];
  pLink.href = image_link[no];
 } else if(cliImg != ci) {
  cliImg.src = cliImgSrc;
  cliImg = ci;
  cliImgSrc = ci.src;
  ci.src = small_img[no];
  imgNo=no;
  pImg.src =roll_image[no];
  pLink.href = image_link[no];
 }
 clearTimeout(setTime);
 setTime=setTimeout("rotate()",interval);
}
function rotate(){
 imgNo = (imgNo >= 6) ? 0 : imgNo+1;
 var ci = eval('document.all.num_img'+imgNo);
 document.all.bigimg.filters.blendTrans.apply();
 document.all.imglink.href=image_link[imgNo];
 document.all.bigimg.src=roll_image[imgNo];
 document.all.bigimg.filters.blendTrans.play();
 if(cliImg == '') {
  cliImg = ci;
  cliImgSrc = ci.src;
  ci.src = small_img[imgNo];
 } else if(cliImg != ci) {
  cliImg.src = cliImgSrc;
  cliImg = ci;
  cliImgSrc = ci.src;
  ci.src = small_img[imgNo];
 }
 setTime=setTimeout("rotate()",interval);
}
//-->
</SCRIPT>
<TABLE cellSpacing=0 cellPadding=0 width=520 border=0>
  <TBODY>
    <TR>
      <TD height=338>
<A onfocus=this.blur() href="#" name=imglink><IMG style="FILTER: blendTrans(duration=1)" height=338 src="images/01.jpg" width=520 border=0 name=bigimg></A>
      </TD>
    </TR>
    <TR>
      <TD height=27><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
        <TBODY>
          <TR>
            <TD width=3></TD>
            <TD width=61><IMG style="CURSOR: hand" 
                        onclick="click_simg(this, 0);" height=15 
                        src="images/main_flash_button1.gif" width=61 
                        border=0 name=num_img0></TD>
            <TD width=3></TD>
            <TD width=61><IMG style="CURSOR: hand" 
                        onclick="click_simg(this, 1);" height=15 
                        src="images/main_flash_button2.gif" width=61 
                        border=0 name=num_img1></TD>
            <TD width=3></TD>
            <TD width=61><IMG style="CURSOR: hand" 
                        onclick="click_simg(this, 2);" height=15 
                        src="images/main_flash_button3.gif" width=61 
                        border=0 name=num_img2></TD>
            <TD width=3></TD>
            <TD width=61><IMG style="CURSOR: hand" 
                        onclick="click_simg(this, 3);" height=15 
                        src="images/main_flash_button4.gif" width=61 
                        border=0 name=num_img3></TD>
            <TD width=3></TD>
            <TD width=61><IMG style="CURSOR: hand" 
                        onclick="click_simg(this, 4);" height=15 
                        src="images/main_flash_button5.gif" width=61 
                        border=0 name=num_img4></TD>
            <TD width=3></TD>
            <TD width=61><IMG style="CURSOR: hand" 
                        onclick="click_simg(this, 5);" height=15 
                        src="images/main_flash_button6.gif" width=61 
                        border=0 name=num_img5></TD>
            <TD width=3></TD>
            <TD width=61><IMG style="CURSOR: hand" 
                        onclick="click_simg(this, 6);" height=15 
                        src="images/main_flash_button7.gif" width=61 
                        border=0 name=num_img6></TD>
            <TD 
              width=72></TD>
          </TR>
        </TBODY>
      </TABLE></TD>
    </TR>
<div style="text-align:center;clear:both">
</div>
</body>
</html>



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 导航切换 带标题的焦点图 带缩略图的幻灯片 带简介的焦点图 图片切换 图片轮播 文字切换 自动滚动图片轮播 背景切换 马赛克幻灯片 手风琴 全屏焦点图 选项卡自动切换 视频切换 列表切换 渐隐切换 全屏切换 切换按钮 缩放切换 滚动切换 滑动选项卡切换 flash焦点图 选项卡切换 滑动手风琴 焦点图幻灯片

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到