signed

QiShunwang

“诚信为本、客户至上”

jQuery自动切换/点击切换选项卡效果的小例子

2021/6/3 16:54:01   来源:
复制代码 代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBK">
<title>404 Not Found</title>
</head>
<body>
 <h1>找不到指定的页面</h1>
 <span id="totalSecond">3</span>秒后自动返回
</body>
<script language="javascript" type="text/javascript">
<!--
    var second = document.getElementById('totalSecond').textContent;
    if (navigator.appName.indexOf("Explorer") > -1)  //判断是IE浏览器还是Firefox浏览器,采用相应措施取得秒数
    {
        second = document.getElementById('totalSecond').innerText;
    } else
    {
        second = document.getElementById('totalSecond').textContent;
    }
    setInterval("redirect()", 1000);  //每1秒钟调用redirect()方法一次
    function redirect()
    {
        if (second < 0)
        {
            location.href = 'http://要跳转的网站';
        } else
        {
            if (navigator.appName.indexOf("Explorer") > -1)
            {
                document.getElementById('totalSecond').innerText = second--;
            } else
            {
                document.getElementById('totalSecond').textContent = second--;
            }
        }
    }
-->
</script>
</html></td>
   </tr>
 </table>
您可能感兴趣的文章:
  • Jquery实现点击切换图片并隐藏显示内容(2种方法实现)
  • 基于jquery实现左右按钮点击的图片切换效果
  • jquery点击缩略图切换视频播放特效代码分享
  • jquery插件jquery.LightBox.js实现点击放大图片并左右点击切换效果(附demo源码下载)
  • jquery实现图片放大点击切换
  • jquery点击切换背景色的简单实例
  • 使用jQuery实现鼠标点击左右按钮滑动切换
  • Jquery幻灯片特效代码分享--鼠标点击按钮时切换(1)
  • jQuery实现切换字体大小的方法
  • jQuery实现的点击标题文字切换字体效果示例【测试可用】