Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >js 网站页面标题自定义、滚动、闪烁显示

js 网站页面标题自定义、滚动、闪烁显示

作者头像
Savalone
发布于 2020-03-09 05:40:42
发布于 2020-03-09 05:40:42
4.3K03
代码可运行
举报
文章被收录于专栏:Savalone's BlogSavalone's Blog
运行总次数:3
代码可运行

网站标题自定义并滚动

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
// JS 代码实现网站标题自定义
<script type="text/javascript">
var sTitle = "这句话是网站页面的标题"
function TitleMove(){
    sTitle = sTitle.substring(1, sTitle.length) + sTitle.substring(0, 1);
    document.title = sTitle;
    status = sTitle;
}
window.setInterval("TitleMove()", 100);
</script>

网站标题滚动显示

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
// JS 代码实现网站标题滚动显示
<script type="text/javascript">
var msg = document.title;
msg = "………" + msg;pos = 0;
function scrollMSG() {
    document.title = msg.substring(pos, msg.length) + msg.substring(pos, 0);
    pos++;
    if (pos > msg.length) pos = 0
    window.setTimeout("scrollMSG()",200);
}
scrollMSG();
</script>

网站标题闪烁显示

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
// JS 代码实现网站标题闪烁显示
<script type="text/javascript">
var step=0;
var ftitle=document.title; //获取网页标题
var space='';
for(var i=0;i<=ftitle.length;i++)space+=' '; //根据标题长度生产相应的空字符
function flash_title(){
    step++
    if (step==3) {step=1}
    if (step==1) {document.title=space}
    if (step==2) {document.title=ftitle}
    setTimeout("flash_title()",500);
}
flash_title();
</script>
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2020年03月06日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
【说站】网站网页标题名字流动翻滚字体效果CSS
本文编程笔记首发 可以令网站标题在浏览器滚动的代码,非常好看。 <span id="ContentArea"><html> ??<head> <meta charset="UTF-8"> ??
很酷的站长
2022/11/28
7010
【说站】网站网页标题名字流动翻滚字体效果CSS
个人博客主题自定义常用工具
雪花效果 <script type="text/javascript" src="https://libs.baidu.com/jquery/1.8.3/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@3.0.6/js/snow3.js"></script> 雪花特效 <script src="https://cdn.jsdelivr.net/gh/TRHX/CDN-for-it
卡伊德
2022/09/13
4110
[Go] GO语言实战-实现标题闪烁
因为聊天框是被iframe框进去的页面,所以在聊天框中收到websocket消息以后要把消息发送给父集页面,在父页面中闪烁标题
唯一Chat
2020/07/29
6080
[Go] GO语言实战-实现标题闪烁
JS实现无限刷新网站页面(可自定义时间)
利用JavaScript达到无限刷新某些网站页面的目的,在arr里面添加所需要刷新的网站,默认时间单位为秒。
PHP开发工程师
2021/05/06
2.5K0
iNotify.js 2 实现浏览器的title闪烁滚动声音提示,弹出通知
JS 实现浏览器的 title 闪烁、滚动、声音提示、chrome、Firefox、Safari等系统弹出通知。它没有依赖,压缩只有只有4.66kb(gzipped: 1.70kb),demo 实例预览。
小弟调调
2018/08/10
6.9K2
iNotify.js 2 实现浏览器的title闪烁滚动声音提示,弹出通知
【说站】经典动态网站网页标题特效代码
本文编程笔记首发 你有新的消息,请注意查收,一款动态标题滚动的代码。 <script language="JavaScript"> step=0 function flash_title() { step++ if (step==3) {step=1} if (step==1) {document.title='您有新短消息 www.xx8g.com'} if (step==2) {document.title='请留意查收 !百度一下:编程
很酷的站长
2022/11/28
7850
【说站】经典动态网站网页标题特效代码
离开网页时网站显示404 Not Found-星泽V社
今天无意中看到一个网站,当我离开那个网站时,网站立马显示了404 Not Found,吓我一跳,我立马又返回去看看,结果访问正常的。最后仔细揣摩,发现这是利用js代码动态实现的效果。
星泽V社
2022/03/02
3420
什么年代还在用传统 Pjax? —— 自定义 Pjax 提升页面加载速度
Hexo 属于静态博客,很多同学给自己的博客加上 Pjax 是为了音乐播放器等功能不中断。
OhhhCKY
2022/12/28
3K0
什么年代还在用传统 Pjax? —— 自定义 Pjax 提升页面加载速度
给网页添加一个QQ客服悬浮框
扒一个QQ客服悬浮框的代码,需要修改的地方都注释了,自己在用的时候再给他添加一个悬浮的css即可,已经设置好定时出现和滚动标题 <style type="text/css"> * { padding:0; margin:0; font-family:Microsoft YaHei,Simsun;} .main {display:none;width:327px;height:172px; background-repeat:no-repeat;} .bg { background-image:u
Youngxj
2018/06/06
1.9K0
HTML5+CSS3+JavaScript从入门到精通-18
HTML5+CSS3+JavaScript从入门到精通 作者:王征,李晓波 第十八章 JavaScript的网页特效 案例 18-01 文字的跑马灯效果 <!DOCTYPE html> <!--web18-01--> <!--跑马灯这段逻辑要好好看一下,包括position++和substring那里--> <html> <head> <meta charset="utf-8" /> <title>文字的跑马灯效果</title> <script type="text/javas
qiqi_fu
2021/12/06
2K0
HTML5+CSS3+JavaScript从入门到精通-18
控制页面的滚动:自定义下拉到刷新和溢出效果
通过阅读本文,你可以通过css 中overcroll-behavior属性值的设置,处理浏览器溢出滚动,以及禁用移动设备上刷新,下拉滚动时的发光和橡皮圈回弹效果,当然也可以看到css中 Houndini(胡迪宁),也就是css中也可以写变量等知识,如果文有误导的地方,欢迎路过的老师拍砖指正
itclanCoder
2020/10/28
3.7K0
控制页面的滚动:自定义下拉到刷新和溢出效果
网站在线客服系统新消息提醒功能,支持浏览器桌面通知提醒,网页新消息声音,标题闪动效果功能实现
当我们的网站收到一条新消息的时候,需要能通知给正在访问网页的人员 浏览器打开的情况下,可以展示在电脑桌面右下角 //浏览器桌面通知 function notify(title, options, callback) { // 先检查浏览器是否支持 if (!window.Notification) { console.log("浏览器不支持notify"); return; } options.body=replaceHtml(options
唯一Chat
2023/02/17
1.3K0
网站在线客服系统新消息提醒功能,支持浏览器桌面通知提醒,网页新消息声音,标题闪动效果功能实现
selenium的一些js操作
3.这里可以修改scrollTop 的值,来定位右侧滚动条的位置,0是最上面,10000是最底部。
周小董
2019/03/25
1.8K0
网页标题滚动跳动效果代码实例
本章节分享一段代码实例,它实现了让title标题跳动起来的效果。 代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <title>欢迎您,开发者</title> <script type="text/javascript"> var dir = "left"; function scroll() { //获取title var title = document.title; if (dir == "left") {
IT工作者
2021/12/28
1.3K0
给网站增加有趣的动态网页标签标题
当离开我们博客的页面是,显示“╭(°A°`)╮ 页面崩溃啦 ~”,当回来后,显示“(ฅ>ω<*ฅ) 噫又好啦 ~”
目的地-Destination
2023/03/23
1.4K0
给网站增加有趣的动态网页标签标题
Javascript中最常用的55个经典技巧(转)
1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键  <table border oncontextmenu=return(false)><td>no</table> 可用于Table  2. <body onselectstart="return false"> 取消选取、防止复制  3. onpaste="return false" 不准粘贴  4. oncopy="return false;" oncut="return fal
阿豪聊干货
2018/08/09
5130
Javascript 常用语法 Web前端基础
Javascript 和 HTML、CSS一样,是Web前端开发所必须的三个模块。另外,JavaScript也是Vue、Ext、jQuery等框架的基础语言,所以JavaScript的学习是至关重要的。其实,学了C++语言,学了Java,感觉JavaScript的基础语法整理上比较类似于Java,所以那些输入输出选择循环语句的基础语法,就不记下来了,毕竟代码天天在写,也不会忘。
Designer 小郑
2023/08/01
2130
Javascript 常用语法 Web前端基础
分别用Js和vue实现跑马灯效果
① setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。setTimeout()方法接收两个参数,第一个参数是将要推迟执行的函数名或者一段代码,第二个参数是推迟执行的毫秒数。
Twcat_tree
2022/11/30
1.8K0
JS代码实现浏览器网页标题的动态切换,略微提高网站粘性
前几天在微饭天空看到一个让我眼前一亮的分享,自己拿过来用了几天之后,感觉挺有意思,现在我略微改进一下并分享出来,方便更多人自定义成自己喜欢的内容。 一、原版分享 功能描述:当网页标签失去焦点切换到指定
张戈
2018/03/23
3.4K0
JS代码实现浏览器网页标题的动态切换,略微提高网站粘性
闲谈(一)博客常用工具-JavaScript
1,雪花特效 <!--雪花特效--> <script type="text/javascript" src="https://libs.baidu.com/jquery/1.8.3/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@3.0.6/js/snow3.js"></script> <script src="https://cdn.jsdelivr.net/gh/TRHX/C
宇宙无敌暴龙战士之心悦大王
2022/01/10
3030
推荐阅读
相关推荐
【说站】网站网页标题名字流动翻滚字体效果CSS
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验