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

之前有发个一个凡科的右侧悬浮窗，今天给加了一些图标样式，新增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/qm_share?t=qm_mailme&email=cpol@qq.com')">在线邮件>
				> 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">> > 返回顶部 > >
		>
	>
>