`

JQ 最少代码实现title标签切换内容

阅读更多
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<title>JQ 最少代码实现title标题切换内容</title>
<link rel="stylesheet" href="base.css" />
<script type="text/javascript" src="jquery-1.10.1.min.js" ></script>
</head>
<body>
<script>
$(function() {
	skipTitle();
});
function skipTitle(){
	var index = 0;
	var arr = ['☆☆★第一个标题★☆☆', '☆★☆第二个标题☆★☆', '★☆☆第三个标题☆☆★'];
	//初始化标题,可删除该条
	$(document).attr('title',arr[0]);
	setInterval(function(){
		//document.title = arr[index%arr.length];
		index++;
		$(document).attr('title',arr[index%arr.length]);
	}, 3000);
}
</script>
</body>
</html>

 

如果是两条内容切换,这个会更短

function skipTitle(){
	var index = 0;
	setInterval(function(){
		index%2==0?document.title='☆★第一个标题★☆':document.title='★☆第二个标题☆★';
		index++;
	}, 3000);
}

 

效果图:

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

  • 大小: 22.4 KB
1
0
分享到:
评论

相关推荐

    JQ 最少代码实现多图切换

    下面是一个基本的jQuery多图切换实现的步骤和知识点: 1. **HTML结构**: 首先,我们需要创建一个包含所有图片的容器,每个图片都是一个`&lt;img&gt;`标签。这些图片默认可以设置为隐藏,通过CSS的`display:none`属性...

    JQ 最少代码实现选项卡切换

    标题 "JQ 最少代码实现选项卡切换" 涉及到的是使用 jQuery(简称 JQ)库来创建一个简洁的选项卡切换效果。在网页设计中,选项卡是一种常见的用户界面元素,它允许用户在有限的空间内查看多个相关的但不同时显示的...

    JQ 最少代码实现无缝滚动

    **标题:“JQ最少代码实现无缝滚动”** 在网页设计中,为了提供用户更好的浏览体验,无缝滚动效果常被用于长列表或者图片展示。JQuery(简称JQ)作为一个轻量级、功能丰富的JavaScript库,提供了简单易用的API来...

    JQ 最少代码实现全选和不全选

    标题“JQ最少代码实现全选和不全选”涉及到的是如何使用jQuery来控制多选框(checkboxes)的全选与反选功能。这种功能常见于数据管理界面,用户可以快速选择或取消选择所有项目。下面将详细解释这一知识点。 一、...

    JQ 最少代码实现导航的下拉菜单

    在本文中,我们将深入探讨如何使用JavaScript库JQuery(简称JQ)来创建一个高效的、最少代码实现的导航栏下拉菜单。下拉菜单在现代网页设计中是必不可少的元素,它能帮助用户轻松访问网站的多层次结构。下面,我们将...

    JQ 最少代码实现当前的星期加时间

    这个标题提到的“最少代码实现当前的星期加时间”,意味着我们要讨论如何使用jQuery来获取当前日期,并显示星期与时间,而且代码量要尽可能地精简。 在JavaScript中,我们可以使用内置的`Date`对象来获取当前日期和...

    JQ 最少代码实现中部浮窗功能

    本篇文章将深入探讨如何利用JQ最少的代码实现中部浮窗(也称中间弹窗或悬浮框)功能。中间浮窗通常用于显示重要的通知、广告或者用户交互内容,它会始终保持在屏幕中央,即使页面滚动也是如此。 首先,我们需要创建...

    JQ tab标签切换

    **JQ Tab标签切换**是基于jQuery库实现的一种常见的网页交互功能,用于在多个内容区域之间切换显示。这种功能在网站设计中非常普遍,尤其在展示多块信息或者需要节省页面空间时,用户可以通过点击不同的标签来查看...

    jq多个选项卡标签切换代码.zip

    本压缩包中的“jq多个选项卡标签切换代码”提供了使用 jQuery 创建多组选项卡的示例代码,旨在帮助开发者理解和应用这种交互式设计。 在jQuery中实现选项卡切换主要涉及以下步骤: 1. **HTML结构**:首先,我们...

    JQ 最少代码实现带数字和箭头的焦点图

    本主题聚焦于如何使用最少的jQuery代码来创建一个具有数字指示器和箭头切换功能的焦点图。焦点图通常用于在网页上展示一组图片或内容,用户可以通过点击或自动轮播来切换。 首先,让我们了解焦点图的基本结构。它...

    jq多个选项卡标签切换代码

    在网页设计中,选项卡(Tab)是一种常见的用户界面元素,用于组织和展示大量内容,让用户可以方便地在不同部分之间切换。本示例中,我们关注的是一个使用jQuery库实现的多选项卡切换功能,这在现代网页开发中非常...

    jq代码图片切换

    以上就是一个基本的jQuery图片切换实现。当然,实际项目中可能需要考虑更多细节,比如添加过渡效果、响应式设计等。对于更复杂的场景,可以使用现有的jQuery插件,如Slick或Bootstrap Carousel,它们提供了丰富的...

    响应式jQ标签切换

    在压缩包中的`说明.htm`文件可能是详细教程或示例代码的文档,而`jiaoben18133`可能是一个压缩的示例项目文件,包含了实现响应式jQ标签切换所需的HTML、CSS和JavaScript代码。通过查看这些文件,你可以深入学习如何...

    jquery代码实现标签效果

    在网页设计中,"标签效果"通常指的是Tab切换或Tab导航,这是一种常见的用户界面元素,用于组织和展示大量内容。jQuery库因其强大的DOM操作、事件处理和动画效果,成为实现这种效果的理想选择。本篇文章将深入探讨...

    jq仿京东商城商品分类滑动切换效果

    "jq仿京东商城商品分类滑动切换效果"是一个基于jQuery实现的网页动态效果,它模仿了京东商城的商品分类展示方式,让用户在浏览商品时能便捷地切换不同的类别。这种效果使得网站更加直观、易用,增加了用户对网站的...

    jQ品牌logo列表选项卡切换.zip

    "jQ品牌logo列表选项卡切换"是一个专为软件公司网站设计的JavaScript特效,用于实现品牌logo的动态展示和选项卡切换功能。这个特效使得用户可以方便地浏览和了解公司的合作品牌或者支持的品牌,通过视觉效果吸引用户...

    【Jquery经典特效6】js实现tab标签切换效果

    在本文中,我们将深入探讨如何使用JavaScript库JQuery来实现一个经典的Tab标签切换效果。Tab切换效果是网页设计中常用的一种交互元素,它允许用户在不同的内容区域之间轻松导航,而无需加载新的页面。让我们逐步解析...

    jQ手机排行榜标题滑动切换代码.zip

    【标题】"jQ手机排行榜标题滑动切换代码"是一个专为手机网站设计的jQuery特效,主要用于在排行榜区域实现标题的滑动切换效果。这种效果能够提升用户在小屏幕设备上的浏览体验,使得有限的屏幕空间得以充分利用,同时...

    jQuery标签切换效果

    在这个“jQuery标签切换效果”的主题中,我们将深入探讨如何使用jQuery实现动态内容切换,使得用户可以轻松地在多个内容块之间进行浏览。 首先,我们需要了解标签切换的基本原理。标签切换通常用于展示多组内容,...

Global site tag (gtag.js) - Google Analytics