很多時(shí)候在瀏覽網(wǎng)站時(shí)網(wǎng)頁兩側(cè)會(huì)出現(xiàn)對稱對聯(lián)，會(huì)隨著網(wǎng)站內(nèi)容的上下進(jìn)行跟隨，如果滾動(dòng)下拉時(shí)， 對聯(lián)也會(huì)自動(dòng)跟隨屏幕移動(dòng)，看起來還是很不錯(cuò)，在一些特別節(jié)日用上也是可以的，

效果圖：

使用教程：

2.如果不喜歡上圖對聯(lián)圖片，可以將圖片地址替換成自己的對聯(lián)圖片就可以了。同時(shí)為了更好的去適應(yīng)訪客效果，

建議在低于1500分辨率（包括手機(jī)端）的終端設(shè)備上不顯示對聯(lián)特效，所以，在額外的加入了一下css樣式：

@media (max-width:1500px){#leftDiv,#rightDiv{display:none !important}}

代碼中的 max-width 值1500可根據(jù)自己的需要而設(shè)定，比如很多筆記本電腦的分辨率是1440，顯示了就會(huì)影響兩旁的內(nèi)容展示，畢竟每次要去關(guān)閉兩張圖片會(huì)很煩，而你放在 footer.php 里面可是每個(gè)頁面都有的。

至于對聯(lián)的各種特效，如跟隨屏幕而移動(dòng)、是否顯示關(guān)閉按鈕等都已經(jīng)寫在代碼里面，大家有需要可以自行修改。

感謝您的來訪，獲取更多精彩文章請收藏本站。