<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>this is a test</title> <script> document.addEventListener('visibilitychange',function(){ if(document.visibilityState=='hidden') { normal_title=document.title; document.title='(づ ̄ 3 ̄)づ'; } else document.title=normal_title; }); </script> </head> <body> <p>very 66666!</p> </body> </html>
此段代码 在切换页面后自动改变标题。js的简单应用。
简洁版
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> </head> <body> <script language="JavaScript"> step=0 function flash_title() { step++ if (step==3) {step=1} if (step==1) {document.title='【你有新的消息】'} if (step==2) {document.title='【 】'} setTimeout("flash_title()",380); } flash_title() </script> 思源博客思源思源思源思源思源思源思源小哥哥 </body> </html>
兼容版
<script language="JavaScript"> setTimeout('flash_title()',2000); //2秒之后调用一次 function flash_title() { //当窗口效果为最小化,或者没焦点状态下才闪动 if(isMinStatus() || !window.focus) { newMsgCount(); } else { document.title='订单管理中心-AOOXING';//窗口没有消息的时候默认的title内容 window.clearInterval(); } } //消息提示 var flag=false; function newMsgCount(){ if(flag){ flag=false; document.title='【新订单】'; }else{ flag=true; document.title='【 】'; } window.setTimeout('flash_title(0)',380); } //判断窗口是否最小化 //在Opera中还不能显示 var isMin = false; function isMinStatus() { //除了Internet Explorer浏览器,其他主流浏览器均支持Window outerHeight 和outerWidth 属性 if(window.outerWidth != undefined && window.outerHeight != undefined){ isMin = window.outerWidth <= 160 && window.outerHeight <= 27; }else{ isMin = window.outerWidth <= 160 && window.outerHeight <= 27; } //除了Internet Explorer浏览器,其他主流浏览器均支持Window screenY 和screenX 属性 if(window.screenY != undefined && window.screenX != undefined ){ isMin = window.screenY < -30000 && window.screenX < -30000;//FF Chrome }else{ isMin = window.screenTop < -30000 && window.screenLeft < -30000;//IE } return isMin; } </script>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>TITLE栏上滚动的文字</title> <script language=javascript > var text=document.title var timerID function newtext() { clearTimeout(timerID) document.title=text.substring(1,text.length)+text.substring(0,1) text=document.title.substring(0,text.length) timerID = setTimeout("newtext()", 100) } </script> </head> <body onload="newtext()"></body> </body> </html> <html> <head>
没事来唠嗑,你来听我说。几天前涛涛看一个图片网站不错,我就随口一说我给你把图片全扒下来吧。然后python不会,易语言太久没用过了。所以php上了,全自动开扒,创建目录 写入信息 下载图片。然后服务器...
首先引入jQuery js代码如下 $(function(){ //当滚动条的位置处于距顶部100像素以下时,跳转链接出现,否则消失 $(function () { ...
利用JS简单快速批量取消微博的关注 微博关注的人太多了,一个一个取消很麻烦?那么这个方法很适合你,和全自动取关都差不多了,只适用于电脑用户! 步骤如下 1.电...
分享一款好看的订阅源码 jQuery点击弹出订阅窗口代码是一款基于jQuery+CSS3实现的订阅信息窗口代码。 点我下载...
浏览器网页定时刷新代码教程分享,只需要一段js代码 首先F12打开控制器面板,复制刷新代码 timeout=prompt("Set timeout (Second):"); count=...
在blinky 可以生成4种格式的网站缩略图 来个实例 64x64:http://blinky.nemui.org/shot/small?http://www.isiyuan.net...