很多網(wǎng)頁都有這樣一個(gè)頁面，于是也想給自己的網(wǎng)頁加上，本來之前自己也已經(jīng)用iframe框架做好了這種效果，但是還是覺得頁面不怎么好看，于是我就扒了別人的代碼，方法如下：
先自己在本地新建一個(gè)網(wǎng)頁，然后把別人的源代碼先全部復(fù)制進(jìn)去，這里我使用的工具是IDEA，因?yàn)榭梢杂每旖萱Ictrl+alt+L整理代碼，
源代碼：

整理后的代碼：

接下來就是修改了，首先是修改名字，然后是自定義網(wǎng)站的個(gè)數(shù)，我刪除了一些網(wǎng)站，只保留了幾個(gè)常用的，然后我還添加了網(wǎng)站的圖片，還有你會(huì)發(fā)現(xiàn)里面有兩部分js代碼（這個(gè)js文件可以通過查看源代碼然后右鍵復(fù)制下載鏈接，復(fù)制到迅雷中下載下來），這個(gè)我們也要修改，頂部那個(gè)js是負(fù)責(zé)網(wǎng)頁效果的，這個(gè)可以直接下載下來上傳到后來js文件夾中，然后在網(wǎng)頁中指定js的路徑即可，下面那個(gè)js代碼是負(fù)責(zé)分享功能的，你會(huì)看見網(wǎng)頁的右邊有一個(gè)分享按鈕，這個(gè)js中的內(nèi)容也要修改一些，主要是修改名字，下面我把我的網(wǎng)頁文件分享出來，