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);
}

效果图:

 

猜你喜欢

转载自onestopweb.iteye.com/blog/2358690
今日推荐