當前位置:主頁 > SEO優化 >

DIV+CSS浮動代碼

作者: 奕星SEO 分類: SEO優化 發布時間: 2019-08-09 04:32 內容來源:網絡整理閱讀量:

純DIV+CSS浮動代碼,無需JS,一般用作浮動QQ客服、淘寶/阿里旺旺、MSN、二維碼、圖片廣告、在線咨詢、浮動窗口、聯系信息等用途。

以下代碼是右側浮動,可以自己修改為左側浮動,或把CSS單獨出來,或改成整個JS輸出,這樣只用包含JS就可以了,更方便。

注:樣式中包含圖片,請下載整個壓縮包,以方便自己可以直接本地使用。

<style type='text/css'>
#gw_float { display: block; position: fixed; top: 40%; right: 3px; width: 165px; font-family: Arial, '微軟雅黑', '宋體'; font-size: 12px; font-weight: bold; }
#gw_float .top { height: 53px; background: url(gw_float_img/top.gif); }
#gw_float .bottom { height: 21px; background: url(gw_float_img/bottom.gif); }
#gw_float .title { padding-left: 25px; font-size: 12px; font-weight: bold; color: #000; line-height: 30px; background: url(gw_float_img/bg1.gif); }
#gw_float .content { padding-top: 5px; font-size: 12px; line-height: 30px; background: url(gw_float_img/bg.gif); text-align: center; }
* html { overflow-x: auto; overflow-y: hidden; }
* html #gw_float { position: absolute; }
</style>
<div id='gw_float'>
<div class="top"></div>
<div class='title'>客服信息:</div>
<div class='content'>
QQ:<a target="_blank" href="?v=3&uin=57404811&site=qq&menu=yes" rel="nofollow"><img border="0" src="?p=2:57404811:51" alt="點擊這里給我發消息" title="點擊這里給我發消息" align="absmiddle" /></a><br />
QQ群:<a target="_blank" href="?idkey=a1ad285b18fe13b0bd4eb28e64eb7757c2770650de4d1730bafe250de6ff64f4" rel="nofollow"><img border="0" src="" alt="ASP網站制作和優化1群" title="ASP網站制作和優化1群" align="absmiddle" /></a><br />
手機:13023105435<br />
微信:gangwan2433<br />
<img src="" alt="網站二維碼" width="134" />
</div>
<div class='bottom'></div>
</div>

在線預覽:

下載地址:


本文鏈接地址:http://www.hpjxfp.live/seoyouhua/598.html
上一篇:<<我們應該怎么正確的發外鏈呢?
下一篇:JS實現各種進制間的互相轉換>>
大乐透怎么查开奖地区