jquery實現兩邊飄浮可關閉的對聯廣告_jquery
來源:懂視網
責編:小采
時間:2020-11-27 21:46:22
jquery實現兩邊飄浮可關閉的對聯廣告_jquery
jquery實現兩邊飄浮可關閉的對聯廣告_jquery:效果展示: 代碼說明: 可關閉的左右兩邊飄浮的對聯廣告代碼jquery特效,寬屏分辨率大于1024px才顯示。因為考慮到窄屏下顯示對聯廣告那真是用戶體驗超差。 點擊關閉按鈕可以單獨關閉自己一邊的飄浮的對聯廣告代碼。 js代碼中的var screen_w = sc
導讀jquery實現兩邊飄浮可關閉的對聯廣告_jquery:效果展示: 代碼說明: 可關閉的左右兩邊飄浮的對聯廣告代碼jquery特效,寬屏分辨率大于1024px才顯示。因為考慮到窄屏下顯示對聯廣告那真是用戶體驗超差。 點擊關閉按鈕可以單獨關閉自己一邊的飄浮的對聯廣告代碼。 js代碼中的var screen_w = sc
效果展示:

代碼說明:
可關閉的左右兩邊飄浮的對聯廣告代碼jquery特效,寬屏分辨率大于1024px才顯示。因為考慮到窄屏下顯示對聯廣告那真是用戶體驗超差。
點擊關閉按鈕可以單獨關閉自己一邊的飄浮的對聯廣告代碼。
js代碼中的var screen_w = screen.width; if(screen_w>1024){duilian.show();} 是jquery判斷瀏覽器分辨率的,你可以修改這個可關閉的左右兩邊飄浮的對聯廣告代碼所需要的瀏覽器分辨率值,如果不想做判斷可以刪除這兩句,讓后把css代碼 .duilian{top:260px;position:absolute; width:102px; overflow:hidden; display:none;}中的display:none;刪除就不判斷瀏覽器分辨率了。
點擊兩邊飄浮的對聯廣告代碼的下方關閉可以關閉各自的半邊對聯廣告。
部分html代碼如下:
部分css代碼如下:
部分左右兩邊飄浮的對聯廣告代碼如下:
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
jquery實現兩邊飄浮可關閉的對聯廣告_jquery
jquery實現兩邊飄浮可關閉的對聯廣告_jquery:效果展示: 代碼說明: 可關閉的左右兩邊飄浮的對聯廣告代碼jquery特效,寬屏分辨率大于1024px才顯示。因為考慮到窄屏下顯示對聯廣告那真是用戶體驗超差。 點擊關閉按鈕可以單獨關閉自己一邊的飄浮的對聯廣告代碼。 js代碼中的var screen_w = sc