仿凡科网站右侧悬浮窗 在线客服简约图标大全快捷导航钻芒美化版

之前有发个一个凡科的右侧悬浮窗，今天给加了一些图标样式，新增css判断窗口大小自动隐藏（手机端不会显示），这下比较齐全了。

• 可以自己自定义图标，在css更改图片链接即可（背景图标和鼠标hover浮动图标）。
• 如果要自己添加在css里写好就可以了。图标可以使用https://www.iconfont.cn

预览:

代码

html

class="wapnone fk_service"> > > 
class="fk_service_consult_cont1" style="display: none;"> class="fk_service_triangle">> 在线咨询 > > 
class="fk_service_box fk_service_consult"> 
class="fk_service_consult_cont"> class="fk_service_triangle">> 
class="fk_service_consult_cont_top"> class="fk_service_hint"> class="fk_service_icon">> > 如遇问题，请联系站长 > > class="fk_service_button" onclick="window.open('https://wpa.qq.com/msgrd?v=3&uin=20838641&site=qq&menu=yes')">QQ联系> class="fk_service_button" onclick="window.open('https://mail.qq.com/cgi-bin/[email protected]')">在线邮件> > class="fk_service_phone"> QQ 请注明来意 ：20838641 > class="fk_service_check_site"> class="fk_service_icon">> onclick="window.open('http://tool.zmki.cn')">更多：极客导航> > > > 
class="fk_service_box fk_service_qr"> 
class="fk_service_qr_cont"> class="fk_service_triangle">> 
class="fk_service_qrimg"> class="fk_service_qrimg_site">> 微信公众号 > 
class="fk_service_qrtext">>奇思妙想 · 科技小新>> > >  
class="fk_service_box fk_service_ax" onclick="window.open('https://tool.zmki.cn/index.php/t.html')"> 
class="fk_service_ax_cont"> class="fk_service_triangle">> 提交收录，站长收到留言后即刻处理！ > > 
class="fk_service_box fk_service_dh" onclick="window.open('https://tool.zmki.cn/index.php/t.html')"> 
class="fk_service_dh_cont"> class="fk_service_triangle">> 提交收录，站长收到留言后即刻处理！ > > 
class="fk_service_box fk_service_jk" onclick="window.open('https://tool.zmki.cn/index.php/t.html')"> 
class="fk_service_jk_cont"> class="fk_service_triangle">> 提交收录，站长收到留言后即刻处理！ > > 
class="fk_service_box fk_service_ws" onclick="window.open('https://tool.zmki.cn/index.php/t.html')"> 
class="fk_service_ws_cont"> class="fk_service_triangle">> 提交收录，站长收到留言后即刻处理！ > > 
class="fk_service_box fk_service_sd" onclick="window.open('https://tool.zmki.cn/index.php/t.html')"> 
class="fk_service_sd_cont"> class="fk_service_triangle">> 提交收录，站长收到留言后即刻处理！ > > 
class="fk_service_box fk_service_dz" onclick="window.open('https://tool.zmki.cn/index.php/t.html')"> 
class="fk_service_dz_cont"> class="fk_service_triangle">> 提交收录，站长收到留言后即刻处理！ > > 
class="fk_service_box fk_service_feedback" onclick="window.open('https://tool.zmki.cn/index.php/t.html')"> 
class="fk_service_feedback_cont"> class="fk_service_triangle">> 提交收录，站长收到留言后即刻处理！ > > 
class="fk_service_box fk_service_upward" onclick="FkService.fk_upWard();"style="display: block;"> 
class="fk_service_upward_cont"> class="fk_service_triangle">> > 返回顶部 > > > > > 

Select Code

Copy

 

css

原文链接:https://www.zmki.cn/5003.html
钻芒博客:www.zmki.cn