代码实现网页右侧固定的qq客服，微信，手机号，置顶的功能

钟Bubble

于 2021-04-08 15:17:40 发布

阅读量2.2k

点赞数 8

CC 4.0 BY-SA版权

文章标签： html5 js css 前端 jquery

本文链接：https://blog.youkuaiyun.com/BubbleABC/article/details/115520985

本文介绍了如何使用HTML5、CSS和JavaScript实现网页右侧固定显示的qq客服、微信联系、手机号以及页面置顶功能。通过提供的代码示例，读者可以了解具体的实现步骤和所需图片资源。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

实现网页右侧固定的qq客服，微信，手机号，置顶的功能

html代码部分 图片路径改成自己的

<!--网页右侧浮动代码-->
		<div id="right">
			<!--qq-->
			<div id="qq">
				<a target="_blank" href="tencent://message/?Menu=yes&uin=2994999647&Service=300&sigT=45a1e5847943b64c6ff3990f8a9e644d2b31356cb0b4ac6b24663a3c8dd0f8aa12a595b1714f9d45">
					<!--<img border="0" src="tencent://AddContact/?fromId=45&fromSubId=1&subcmd=all&uin=2994999647&website=www.oicqzone.com" alt="联系我" title="联系我"/>-->
					<i class="qq-Picture">
						<img src="images/qq.jpg"/>
					</i>
				</a>
			</div>

			<!--手机号-->
			<div id="sj">
				<a href="javascript:void(0)" onMouseOut="hidePhone()" onmouseover="showPhone()">
					<i class="phone-Picture">