最近有不少朋友向我索要web主題公園網(wǎng)站的半側(cè)懸浮小工具，覺得是一個(gè)非常方便而又美觀的樣式。今天應(yīng)大家的要求特此發(fā)布源碼，大家可以直接下載文件使用，本文介紹如何使用和修改此源碼，希望能夠?qū)δ阌兴鶐椭?/p>

使用幫助：

1.首先下載文檔：懸浮小工具

2.打開文檔，將<style> </style>中的css全部復(fù)制到你的css文件夾中，并寫好注釋

3.將<script type="text/javascript"></script>??? 復(fù)制到你的js文檔中，并寫好注釋。

最后將html代碼css類 xf 中所有的編碼復(fù)制到head區(qū)域，注意，復(fù)制的區(qū)域要在id="page-wrap" div之前哦！~

4.將images文件夾中的圖片復(fù)制到你的圖片文件夾中。

現(xiàn)在刷新你的網(wǎng)站，是不是出現(xiàn)了懸浮的小工具呢？

你可以修改圖片xf.png來(lái)制作你自己的樣式，在文件中我們附贈(zèng)了psd文檔可以提供修改哦~

文檔中提供一些代碼共你參考：

點(diǎn)擊彈開qq的代碼

收藏的js代碼

最后記得加載jquery庫(kù)哦，此段代碼是居于jquery的！~

附：如何引用微博展示模塊：

進(jìn)入新浪微博，點(diǎn)擊我的工具：

選擇你的樣式，需要顯示的方式等，復(fù)制代碼到相應(yīng)位置即可：

下載文檔：懸浮小工具