腾讯云服务器优惠活动

华纳云香港服务器

boke112百科 » 建站经验 » 正文

如何用JavaScript实现网站标题自定义、滚动、闪烁功能？

更新于 2020-10-16 19:04:34首发于 2018-04-14 16:46:32163

用 JavaScript 实现网站标题自定义并滚动

// 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 实现网站标题滚动显示

// 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 实现网站标题闪烁显示

// 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>

以上内容整理自@蝈蝈要安静

版权声明：本文为原创文章，版权归 boke112百科所有，欢迎分享本文，转载请保留出处！发布此文是出于传递更多信息之目的，若有来源标注错误或侵犯了您的合法权益，请联系我们，确认后马上更正或删除，谢谢！

标签JS