很多網(wǎng)頁都有這樣一個頁面,于是也想給自己的網(wǎng)頁加上,本來之前自己也已經(jīng)用iframe框架做好了這種效果,但是還是覺得頁面不怎么好看,于是我就扒了別人的代碼,方法如下:
先自己在本地新建一個網(wǎng)頁,然后把別人的源代碼先全部復(fù)制進(jìn)去,這里我使用的工具是IDEA,因為可以用快捷鍵ctrl+alt+L整理代碼,
源代碼:
整理后的代碼:
接下來就是修改了,首先是修改名字,然后是自定義網(wǎng)站的個數(shù),我刪除了一些網(wǎng)站,只保留了幾個常用的,然后我還添加了網(wǎng)站的圖片,還有你會發(fā)現(xiàn)里面有兩部分js代碼(這個js文件可以通過查看源代碼然后右鍵復(fù)制下載鏈接,復(fù)制到迅雷中下載下來),這個我們也要修改,頂部那個js是負(fù)責(zé)網(wǎng)頁效果的,這個可以直接下載下來上傳到后來js文件夾中,然后在網(wǎng)頁中指定js的路徑即可,下面那個js代碼是負(fù)責(zé)分享功能的,你會看見網(wǎng)頁的右邊有一個分享按鈕,這個js中的內(nèi)容也要修改一些,主要是修改名字,下面我把我的網(wǎng)頁文件分享出來,
本站僅提供存儲服務(wù),所有內(nèi)容均由用戶發(fā)布,如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請
點擊舉報。