`
accpxudajian
  • 浏览: 458006 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

让title动起来

阅读更多

function newTitle() {   
	var titleDOM = document.getElementsByTagName("title")[0];
	var text = titleDOM.innerHTML;
	var cacheTitle = titleDOM.getAttribute("cacheTitle");
	if(!cacheTitle){
		cacheTitle=text;
		document.getElementsByTagName("title")[0].setAttribute("cacheTitle",text);
	}
	var nLen = cacheTitle.length;
	var sEndChar = cacheTitle.substring(nLen-1,nLen);
	var nNowIndex = text.indexOf(sEndChar)+1;
	text = text.substring(1,nNowIndex);
	//log("text = "+text+",sEndChar = "+sEndChar+",nNowIndex ="+nNowIndex);
	if(nNowIndex<=0 ||!!text==false){
		document.title = cacheTitle;
	}else{
		document.title = text;
	}
//		document.title=text.substring(1,text.length)+text.substring(0,1); 
	setTimeout("newTitle()", 500);
}

 

 

 

 

 

 

 

愤怒的coder -  share

 

分享到:
评论

相关推荐

    标题栏文字动起来标题栏文字动起来

    &lt;title&gt;标题栏文字动起来&lt;/title&gt; // 定义变量 var msg = "标题栏文字动起来标题栏文字动起来"; // 待滚动的文字 var speed = 300; // 滚动速度 var msgud = "" + msg; // 主函数 function titleScroll() { if ...

    使用JavaScript让网页的title动起来

    标题中的“使用JavaScript让网页的title动起来”指的是利用JavaScript编程语言来动态更新网页的标题(title),使得它能够展示动态效果,例如滚动或者交替显示信息。这种技术常用于提示用户有新消息或者吸引用户的...

    这个程序可以使你的窗口的Title Bar动起来。很有趣的(26KB)...

    标题中的“这个程序可以使你的窗口的Title Bar动起来。很有趣的(26KB)”表明这是一个能够让Windows窗口标题栏产生动态效果的小程序。标题栏通常显示应用程序的名称和控制按钮,如最小化、最大化和关闭。这个程序通过...

    winform与内嵌echarts的数据交互,让数据动起来.zip

    本项目"winform与内嵌echarts的数据交互,让数据动起来.zip"旨在展示如何在WinForm应用中集成ECharts,使数据动态呈现。 首先,要将ECharts引入WinForm,我们需要借助HTML和WebBrowser控件。WebBrowser控件允许我们...

    javascript经典特效---Title特效.rar

    例如,我们可以预先定义好一串文字,然后通过定时器调整标题内容,使其看起来像文字在滚动。 还有一种可能的Title特效是随机更换标题。这可以通过生成随机数并根据随机数选择预设的标题数组中的一个元素来实现,...

    ios-swift写的button中title和image的位置.zip

    通常,一个UIButton的title和image默认是叠加在一起的,有时我们需要自定义它们的位置,比如让图片在左边,文字在右边,或者反过来。这个扩展可能提供了这样的便利,只需一行代码就可以实现。例如,它可能有一个方法...

    javascript经典特效---title显示链接路径.rar

    总结起来,"javascript经典特效---title显示链接路径"是一个利用JavaScript改变HTML元素属性的实例,通过动态设置`title`属性,实现了在鼠标悬停时显示链接URL的效果。这个效果不仅提高了用户体验,也为网页添加了一...

    vue-router动态设置页面title的实例讲解

    在应用入口文件`main.js`中,我们需要导入并调用`setMetaTitle()`函数,将其与Vue Router的导航守卫或Vue自定义指令结合起来,确保每次路由变化时都会执行这个函数,更新标题: ```javascript import { ...

    简单的js提示,替代title显示问题

    2. **CSS样式**:为了使tooltip看起来更美观,我们可以用CSS来定制其样式。可以定义一个隐藏的类,当鼠标悬停时显示。例如: ```css .tooltip { display: none; position: absolute; background-color: #333; ...

    仿网易订阅Title

    然后,在布局文件中,我们需要添加`ViewPager`和`ViewPagerIndicator`组件,并将它们关联起来。`ViewPager`将承载各个订阅栏目的内容,而`ViewPagerIndicator`则会根据`ViewPager`中的页面数量和当前选中状态来动态...

    javascript经典特效---title栏变化弹出.rar

    总结起来,这个经典特效展示了如何利用JavaScript结合HTML的title属性,实现标题栏的动态变化。通过监听鼠标事件,我们可以控制用户交互时元素title的变化,提供更丰富的反馈信息,提升网页的互动性和可用性。对于...

    HTML5中在title标题标签里设置小图标的方法

    值得注意的是,为了让图标生效,浏览器可能需要刷新缓存或者清除浏览器数据,因为有些浏览器可能会缓存之前的图标。 总的来说,为HTML5页面添加小图标是一项简单但重要的任务,它能提升网站的视觉识别度,增加品牌...

    Laravel开发-pagetitle .zip

    在网页标题管理方面,Laravel 提供了多种方式来实现这一功能,让我们深入探讨一下。 首先,网页标题通常用于向用户展示页面的主要内容或主题,对于 SEO(搜索引擎优化)也非常重要。在 Laravel 中,我们可以使用...

    前端项目-angular-ui-router-title.zip

    总结起来,Angular UI Router Title是一个实用的AngularJS模块,它简化了在多路由应用中管理浏览器标题的过程。通过与Angular UI Router的集成,它使得页面标题能够根据用户导航动态更新,提高了应用的用户体验。...

    html-webpack-plugin修改页面的title的方法

    总结起来,`html-webpack-plugin` 提供了一种便捷的方式来修改由 webpack 生成的 HTML 文件中的 `title` 标签。在 Vue CLI 不同版本中,你可以通过配置文件来指定标题,然后在 HTML 文件中引用这个配置,实现标题的...

    Mybatis动态sql

    以往我们使用其他类型框架或者直接使用 JDBC 的时候,如果我们要达到同样的选择效果的时候,我们就需要拼 SQL 语句,这是极其麻烦的,比起来,上述的动态 SQL 就要简单多了。 choose 元素的作用就相当于 JAVA 中的 ...

    解决vue使用vant下拉框van-dropdown-item 绑定title值不变问题

    总结起来,解决Vue使用Vant下拉框`van-dropdown-item`绑定`title`值不变的问题,关键在于理解`title`属性的作用以及监听`@change`事件来动态更新`title`。通过绑定`title`和监听`change`事件,可以实现下拉框标题...

    JS实现浏览器的title闪烁滚动声音提示等系统通知

    "JS实现浏览器的title闪烁滚动声音提示等系统通知"这一主题涵盖了几种关键的技术点,让我们逐一深入探讨。 首先,**浏览器标题闪烁**是一种吸引用户注意力的有效方式。在JavaScript中,可以使用`setInterval`和`...

    模拟新浪、腾讯title弹框效果

    在IT行业中,模拟新浪、腾讯title弹框效果是一种常见的用户界面设计技巧,它主要用于吸引用户...通过分析和理解这些代码,开发者可以学习如何将这些技术点整合起来,创建出类似新浪、腾讯title弹框效果的用户界面组件。

Global site tag (gtag.js) - Google Analytics