我想实现客服隐藏特效,结合【草根】与【鑫頭肉】两位大神提供的代码,就自己瞎写了个代码,初步是可以实现我想要的效果,就是页面下拉下来时,代码就会出现BUG,想请教大神,我这个代码哪里出错了吗?由于我是菜鸟,对代码不是很懂,如有写错的地方,望大神勿喷,小弟先行谢过了。(在这里要先感谢【草根】与【鑫头肉】两位大神的无私奉献。)
附上自己瞎写的代码:
<details>
<summary>
<span style="z-index:9999; position: fixed; z-index: 999; right: -6px; bottom: 220px; display: inline-block; "><img src="http://imgqn.koudaitong.com/upload_files/2015/05/30/Fq17HFCBgI4JlowSIQ9ysrcde2to.png"></span>
</summary>
<section>
<blockquote>
<p style="z-index:9999; position: fixed; z-index: 999; right: 37px; bottom: 220px; display: inline-block; "><img src="http://imgqn.koudaitong.com/upload_files/2015/05/30/FqvkGHWtUqLGfkWAcJRcHMe9Iepw.jpg"></p>
<p style="z-index:9999; position: fixed; z-index: 999; right: 37px; bottom: 164px; display: inline-block; "><a href="http://wpa.qq.com/msgrd?v=3&uin=513131923&site=qq&menu=yes"><img src="http://imgqn.koudaitong.com/upload_files/2015/05/30/FuY66rOMMA75d7Nh4xAkvjRe86mr.jpg"></a></p>
<p style="z-index:9999; position: fixed; z-index: 999; right: 37px; bottom: 115px; display: inline-block; "><a href="http://wpa.qq.com/msgrd?v=3&uin=960067169&site=qq&menu=yes"><img src="http://imgqn.koudaitong.com/upload_files/2015/05/30/FvAZptrcCcIuVkfEmME-zIxAGTJk.jpg"></a></p>
<p style="z-index:9999; position: fixed; z-index: 999; right: 37px; bottom: 95px; display: inline-block; "><img src="http://imgqn.koudaitong.com/upload_files/2015/05/30/FhyFJvlEKKg-SGhmJwH9q4yN_n1v.png"></p>
</blockquote>
</section>
</details>
效果图:
|
不需要客服时,是显示这样的图标
需要时单击小图标就会弹出详细客服窗口
|
|
用手机打开
收藏
赞 3
···
回复
|
|
|
|