JS實(shí)現(xiàn)來回出現(xiàn)文字的狀態(tài)欄特效代碼
更新時間：2015年10月31日 10:54:09 作者：企鵝
這篇文章主要介紹了JS實(shí)現(xiàn)來回出現(xiàn)文字的狀態(tài)欄特效代碼,針對文字的定義及狀態(tài)欄的定時顯示等實(shí)現(xiàn)方法備有詳細(xì)的文字說明,需要的朋友可以參考下
本文實(shí)例講述了JS實(shí)現(xiàn)來回出現(xiàn)文字的狀態(tài)欄特效代碼。分享給大家供大家參考，具體如下：
運(yùn)行這款來回出現(xiàn)文字的狀態(tài)欄特效時，請注意頁面左下角的狀態(tài)欄。貌似IE8以上版本看不到效果唉。那么究竟是如何實(shí)現(xiàn)的呢？主要是用函數(shù)來顯示消息，根據(jù)place的值取當(dāng)前需顯示的字符串，準(zhǔn)備在300毫秒后收起顯示，將需取的字符串長度計數(shù)器加一準(zhǔn)備下一次顯示；同時使用函數(shù)隱藏消息，取Message右邊的一定長度的字符串，設(shè)定消隱下一個字符的延時。
運(yùn)行效果截圖如下：
在線演示地址如下：
http://demo.jb51.net/js/2015/js-status-bar-scroll-show-codes/
具體代碼如下：
<html>
<head>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var Message=" 歡迎光臨腳本之家，請多多提出你的建議!!! "; //這里可自定義顯示內(nèi)容
var place=1;
function scrollIn() { //這個函數(shù)用來顯示消息
window.status=Message.substring(0, place); //根據(jù)place的值取當(dāng)前需顯示的字符串
if (place >= Message.length) { //如果全部信息已經(jīng)顯示完畢
place=1; //則將place重置
window.setTimeout("scrollOut()",300); //準(zhǔn)備在300毫秒后收起顯示
} else { //否則(信息還沒有顯示完)
place++; //將需取的字符串長度計數(shù)器加一
window.setTimeout("scrollIn()",50); //準(zhǔn)備下一次顯示
}
}
function scrollOut() { //這個函數(shù)用來消隱消息
window.status=Message.substring(place, Message.length); //取Message右邊的一定長度的字符串
if (place >= Message.length) { //如果已經(jīng)無字符可取(信息已經(jīng)完全消隱)
place=1; //則初始化place
window.setTimeout("scrollIn()", 100); //設(shè)定下一次操作是顯示信息
} else { //否則(信息還沒有消隱完畢)
place++; //計數(shù)器加一
window.setTimeout("scrollOut()", 50); //設(shè)定消隱下一個字符的延時
}
}
// End -->
</SCRIPT>
<title>來回出現(xiàn)文字的狀態(tài)欄特效</title>
</head>
<body onLoad="scrollIn()">
<b>請注意頁面左下角的狀態(tài)欄</b>
</body>
希望本文所述對大家JavaScript程序設(shè)計有所幫助。
相關(guān)文章
javascript中的previousSibling和nextSibling的正確用法
這篇文章主要介紹了javascript中的previousSibling和nextSibling的正確用法的相關(guān)資料,需要的朋友可以參考下2015-09-09
layui 上傳插件 帶預(yù)覽 非自動上傳功能的實(shí)例(非常實(shí)用)
今天小編就為大家分享一篇layui 上傳插件 帶預(yù)覽 非自動上傳功能的實(shí)例(非常實(shí)用)，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
這篇文章主要為大家介紹了JavaScript函數(shù)this指向，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2021-11-11
javascript實(shí)現(xiàn)驗(yàn)證身份證號的有效性并提示
下面分享的JS腳本是我用過的最完善的身份證號的驗(yàn)證程序了，因?yàn)橹挥姓嬲纳矸葑C號才能被通過，小伙伴們可以試試。直接復(fù)制運(yùn)行。2015-04-04
VS2008中使用JavaScript調(diào)用WebServices
這篇文章主要介紹了VS2008中使用JavaScript調(diào)用WebServices,需要的朋友可以參考下2014-12-12
JS運(yùn)動特效之同時運(yùn)動實(shí)現(xiàn)方法分析
這篇文章主要介紹了JS運(yùn)動特效之同時運(yùn)動實(shí)現(xiàn)方法,結(jié)合實(shí)例形式分析了javascript同時運(yùn)動的原理與相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2018-01-01
這篇文章主要介紹了小程序外賣訂單界面的示例代碼，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-12-12
JS實(shí)現(xiàn)的手機(jī)端精簡幻燈片效果
這篇文章主要介紹了JS實(shí)現(xiàn)的手機(jī)端精簡幻燈片效果,涉及javascript結(jié)合時間函數(shù)動態(tài)修改頁面元素的相關(guān)技巧,需要的朋友可以參考下2016-09-09
近期做項(xiàng)目由于每張圖片加載的時候比例大小都不一樣,加載圖片時大部分圖片會變形,導(dǎo)致圖片展示效果非常差,所以我們可以獲取圖片的原始寬高,然后以等比例展示,效果會非常好,這篇文章主要給大家介紹了關(guān)于JS獲取img圖片原始尺寸高度與寬度的七種方式,需要的朋友可以參考下2022-11-11
一直想為 SWFObject 這個JS的類庫寫一個推薦帖，因?yàn)樗p便，同時功能強(qiáng)大，為我們的開發(fā)帶來了很大的便捷。2008-07-07