emlog插件-古典云紋返回頂部 v1.1

投訴報(bào)錯(cuò)

源碼大?。?span>65KB
源碼語(yǔ)言：簡(jiǎn)體中文
源碼類型：國(guó)產(chǎn)軟件
源碼授權(quán)：免費(fèi)軟件
源碼類別：博客系統(tǒng)
應(yīng)用平臺(tái)：php+mysql
更新時(shí)間：2016-09-12
網(wǎng)友評(píng)分：

360通過(guò) 騰訊通過(guò) 金山通過(guò)

65KB

詳情介紹

古典云紋返回頂部插件是基于emlog博客網(wǎng)站進(jìn)行開(kāi)發(fā)的中國(guó)風(fēng)返回頂部插件。
說(shuō)實(shí)話網(wǎng)上的返回頂部太多了，但中國(guó)風(fēng)的還是很少，幾乎很少看到，于是本人著手制作了幾款。這是一款比較美觀的中國(guó)風(fēng)返回頂部。
該古典云紋是網(wǎng)上找的云紋邊框素材，然后再找的流蘇，用Adobe Photoshop合成后，再用Adobe After Effects做飄動(dòng)動(dòng)畫(huà)，最后導(dǎo)出為png，用css幀動(dòng)畫(huà)運(yùn)用在網(wǎng)頁(yè)中。該動(dòng)畫(huà)的css懸停用的是濾鏡變色。
js用的是jquery+gsap（動(dòng)畫(huà)制作利器）+ScrollToPlugin.js，其中速度有快有慢，js里有注釋。在這里完全可以用jquer來(lái)搞定，不用那么復(fù)雜，因?yàn)槲业哪０逵昧薵asp，所以單獨(dú)提取出來(lái)就顯得有點(diǎn)多余了，效果只供參考，拋磚引玉。html里面有詳細(xì)的注釋。

使用說(shuō)明：
1、如果安裝插件后，點(diǎn)擊按鈕無(wú)反應(yīng)，請(qǐng)點(diǎn)插件設(shè)置頁(yè)面，開(kāi)啟加載jquery。默認(rèn)是關(guān)閉的。
2、在首頁(yè)點(diǎn)擊“評(píng)”字時(shí)跳轉(zhuǎn)到你指定的頁(yè)面，通常是留言板，如：//***/book/
如果你沒(méi)有留言板可以新建一個(gè)文章或頁(yè)面做留言板，然后再把地址粘貼過(guò)來(lái)。
3、填寫(xiě)你的模板日志頁(yè)評(píng)論區(qū)域或評(píng)論框的id或class，比如：#comment-place或#comment
點(diǎn)擊后屏幕將滾動(dòng)到這里。如果你不會(huì)查id，在瀏覽器中按F12或右鍵點(diǎn)審查元素找到評(píng)論區(qū)域的id即可。
4、點(diǎn)擊“下”時(shí)滾動(dòng)到你指定的id或class元素，如：#footerbar或.footer
5、此返回頂部在1366px分辨率下會(huì)隱藏掉，在手機(jī)端根本不會(huì)輸出，不會(huì)產(chǎn)生任何垃圾，給模板造成負(fù)擔(dān)。
6、此插件是根據(jù)舍力的客戶插件修改過(guò)來(lái)的，因?yàn)槭堑谝淮巫霾寮?，不大?huì)。所以不完美的地方在于微語(yǔ)頁(yè)面的判斷代碼無(wú)效。本來(lái)是在首頁(yè)、微語(yǔ)頁(yè)和其他非日志的頁(yè)面，點(diǎn)評(píng)字是跳轉(zhuǎn)到留言板的，可是寫(xiě)了日志頁(yè)和微語(yǔ)頁(yè)的判斷代碼無(wú)效，郁悶了。

古典 Emlog插件

下載地址

下載錯(cuò)誤？【投訴報(bào)錯(cuò)】