favico.js如何讓網(wǎng)頁圖標(biāo)動起來-創(chuàng)新互聯(lián)

這篇文章主要介紹了favico.js如何讓網(wǎng)頁圖標(biāo)動起來,具有一定借鑒價值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。

創(chuàng)新互聯(lián)公司長期為千余家客戶提供的網(wǎng)站建設(shè)服務(wù),團(tuán)隊從業(yè)經(jīng)驗10年,關(guān)注不同地域、不同群體,并針對不同對象提供差異化的產(chǎn)品和服務(wù);打造開放共贏平臺,與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為高港企業(yè)提供專業(yè)的網(wǎng)站設(shè)計制作、成都網(wǎng)站設(shè)計高港網(wǎng)站改版等技術(shù)服務(wù)。擁有十年豐富建站經(jīng)驗和眾多成功案例,為您定制開發(fā)。

favico.js是一款網(wǎng)頁圖標(biāo)插件,讓網(wǎng)頁圖標(biāo)動起來。通過此插件您可以:在圖標(biāo)上增加角標(biāo)、把網(wǎng)頁中的圖片設(shè)置為圖標(biāo),甚至在圖標(biāo)上播放視頻和啟動攝像頭!

favico.js是什么

favico.js是一個獨立的輕量級js插件,無需JQuery等支持,所以使用起來是非常簡單的,只需引入favico.js一個文件即可,角標(biāo)的樣式均可自行定義。

favico.js如何使用

<!DOCTYPEhtml>

  <html>

  <head>

  <metacharset="UTF-8">

  <title>favico.jsstudy</title>

  <!--設(shè)置網(wǎng)頁標(biāo)題小圖標(biāo)-->

  <linkrel="shortcuticon"href="imgs/favicon.png"type="image/x-icon">

  </head>

  <body>

  <scripttype="text/javascript"src="js/favico.js"></script>

  <scripttype="text/javascript">

  varfavicon=newFavico({

  animation:"popFade"

  });

  //使用徽標(biāo)

  favicon.badge(3);

  </script>

  </body>

  </html>

使用徽標(biāo)適合用來顯示未處理消息數(shù)之類的信息,比較智能的是如果傳入的數(shù)是<=0的話就不會顯示徽標(biāo)。

感謝你能夠認(rèn)真閱讀完這篇文章,希望小編分享的“favico.js如何讓網(wǎng)頁圖標(biāo)動起來”這篇文章對大家有幫助,同時也希望大家多多支持創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司,,關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,更多相關(guān)知識等著你來學(xué)習(xí)!

網(wǎng)站名稱:favico.js如何讓網(wǎng)頁圖標(biāo)動起來-創(chuàng)新互聯(lián)
新聞來源:http://muchs.cn/article4/cedgie.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站策劃、ChatGPT、自適應(yīng)網(wǎng)站、網(wǎng)站制作全網(wǎng)營銷推廣靜態(tài)網(wǎng)站

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

成都網(wǎng)頁設(shè)計公司