Html5 + Css3 制作QQ悬浮特效

最新推荐文章于 2024-05-12 22:24:31 发布

程序猿的杂货店

最新推荐文章于 2024-05-12 22:24:31 发布

阅读量4.4k

点赞数 2

分类专栏： C# 开发总结文章标签： QQ咨询悬浮特效

本文链接：https://blog.csdn.net/taoerit/article/details/50354642

版权

C# 开发总结专栏收录该内容

132 篇文章 169 订阅 ¥19.90 ¥99.00

订阅专栏

超级会员免费看

1 QQ二维码图标右侧悬浮，可开可收

2 点击QQ在线咨询，可以弹出对方qq对话框

3 代码如下

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>QQ悬浮特效</title>
	<style type="text/css">
		*{
			margin:0px;
			padding:0px;
		}
		#qq
		{
			width:200px;
			height:250px;
			position:fixed;
			top:100px;
			right:10px;
		}
		#qq #showQQ
		{
			width:158px;
			height:230px;
			right:10px;
			position:absolute;
		}

		#qq #showQQ .con
		{
			width:158px;
			height:162px;
			background:url("images/bg.jpg");
			padding-top:10px;
		}

		#qq #showQQ .con img.ewm
		{

了解本专栏

订阅专栏解锁全文

超级会员免费看

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

程序猿的杂货店

关注关注

2
点赞
踩
6

收藏

觉得还不错? 一键收藏
打赏
0
评论
Html5 + Css3 制作QQ悬浮特效

1 QQ二维码图标右侧悬浮，可开可收2 点击QQ在线咨询，可以弹出对方qq对话框3 代码如下 QQ悬浮特效 *{ margin:0px; padding:0px; } #qq { width:200px; height:250px; position:fixed; top:100px;
复制链接

扫一扫