不带导航的切换图片

原创 2007年09月28日 16:00:00

<script language="JavaScript" type="text/javascript">
    var imgUrl=new Array();
    var imgLink=new Array();
    var picNum=0;
   
    imgUrl[1]="images/forum_nonews.gif";
    imgLink[1]="http://www.baidu.com";
   
    imgUrl[2]="images/Forum_post.gif";
    imgLink[2]="http://www.163.com";
   
    imgUrl[3]="images/forum_nonews.gif";
    imgLink[3]="http://www.baidu.com";
   
    imgUrl[4]="images/Forum_post.gif";
    imgLink[4]="http://www.163.com";
   
    imgUrl[5]="images/forum_nonews.gif";
    imgLink[5]="http://www.baidu.com";
   

    function NextPic()
    {
          if(picNum<4)
            picNum++ ;//显示4个图片
          else
            picNum=1;
          if (document.all)
          {
              //下面注意,如果存在于FORM表单中,需要使用下面的方法,否则可直接使用name。
              document.imgInit.filters.revealTrans.Transition=Math.floor(Math.random()*23);
              document.imgInit.filters.revealTrans.apply();
              document.imgInit.filters.revealTrans.play();
          }
          document.images.imgInit.src=imgUrl[picNum];
          //如果不是图片,而是SWF等,可做判断,内容可在程序中做好,再放于下面。
          //focustext.innerHTML='<a href="/blog/+imgLink[picNum]+" target=_blank>'+imgText[picNum]+'</a>';
          //设置翻页时间
          theTimer=setTimeout('NextPic()', 3000);
    }

    function goUrl(){
          window.open(imgLink[picNum],'_blank');
    }
</script>
<table width="100%" border="0">
    <tr>
        <td  align="center" style="height:40px;">
            <div align="center">
                <a href='javascript:goUrl()'>
                    <img style="filter: revealTrans(duration=2,Transition=5)" src="javascript:NextPic()" width="170" height="120" id="imgInit" name="imgInit" alt="" style="border:0px;"/>
                </a>
            </div>
        </td>
    </tr>
</table> 

bootstrap_导航标签页的切换效果

1.引入jquery.js和bootstrap.js(注意先后顺序) 2.添加如下js代码 $('#mytab a').click(function(e){            e.pre...
  • ns7381
  • ns7381
  • 2015年04月27日 16:36
  • 1802

用js实现导航轮流切换功能

  • sjl6666666666
  • sjl6666666666
  • 2016年11月21日 12:20
  • 382

mui底部导航栏点击切换图片和颜色

其实在我不会用jquery。js之前,我觉得这个非常难做,但是现在用多了,觉得它非常实用。 $('.footer>a').on('tap',function(){//点击 $(this).childr...
  • Angular_
  • Angular_
  • 2017年03月16日 17:08
  • 2885

js实现简单导航切换

html> lang="en"> charset="UTF-8"> * { list-style: none; box-sizing: border-...
  • viser123
  • viser123
  • 2016年02月16日 22:02
  • 321

导航菜单背景切换效果

在项目的前端页面里,相对于其它的导航菜单,激活的导航菜单需要设置不同的背景。这种效果实现的方式有很多种,下面是使用 JQuery 实现的一种方式: 导航一 导航二 导航三 ...
  • github_26672553
  • github_26672553
  • 2015年11月11日 15:38
  • 625

jquery实现html页面的导航的标签内容切换

原理: 导航栏的ul li 都对应的 一个div,每个li单机时候添加属性,并且与之对应的div展示。 主要是利用jquery的一些方法进行操作; ul class="switch"> ...
  • weixin_38391672
  • weixin_38391672
  • 2017年11月13日 14:17
  • 401

仿微信移动端的底部导航切换,显示高亮文字和图片

在实现移动手机端的操作时,难免会需要用到切换icon 高亮的操作,下面就来说说切换这点事。因为之前没写过这养分开切换显示的操作,只写过针对当前对象进行切换,但是,其实原理和思路很简单:就是点击选中当前...
  • qq_33072593
  • qq_33072593
  • 2017年08月23日 13:09
  • 716

jquery实现导航栏切换

首页
  • qq_35554898
  • qq_35554898
  • 2017年02月06日 17:28
  • 724

使用JS实现导航切换时高亮显示

index.html代码内容 导航高亮显示 body{ font-size:20px; } .nav{ list-style-type: none; marg...
  • web_callBack
  • web_callBack
  • 2017年04月12日 14:01
  • 718

vue2.0导航菜单切换

vue2.0 导航菜单切换
  • qq_35313994
  • qq_35313994
  • 2017年04月26日 11:11
  • 5654
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:不带导航的切换图片
举报原因:
原因补充:

(最多只允许输入30个字)