可用数字有：11123441505354576062637077849396104107110114117129149181216238257272311336349398效果图展示如下： 使用方法： 复制链接地址给任意好友或者发送电脑，然后点击进去，进行设置后即可使用。 注：有些是活动获取的，可能会用不了。
转载
2023-10-25 18:21:54
21阅读
前言气泡框作为社交聊天软件的基本功能，想必大家都了解怎么实现了。但是像国内巨头腾讯旗下的QQ气泡(尤其是动态的)我想应该是没有几个。这里就为大家提供一种类似QQ动态气泡的解决方案(还不完善)。首先用到了一个第三方Lottie, airbnb做的一个专门做动画的东西。专门研究过动画的应该都知道或了解。简单讲就是通过插件将AE中画的动画转换成json文件，然后按照特定规则转换到页面上通过CABaseA
转载
2023-08-28 15:44:33
46阅读
使用贝塞尔曲线绘制qq气泡，整个动画过程可分为4个过程：1、默认状态：此时显示一个气泡和一个消息框。2、连接状态：一个固定气泡（大小随着拖拽的长度变化而变化），一个移动气泡和它之上的消息框。3、分离状态，此时固定气泡消失，只有移动气泡（和它的消息框）随手指的移动而移动。4、消失状态：放开手指后气泡爆炸消失。将整个过程分割为这几个步骤，再分别实现每个步骤，整个过程就完成了！首先是默认状态，就是一开始
转载
2023-10-31 15:35:59
16阅读
因公司交友小程序有聊天模块，需要实现一个如同qq气泡的功能。如果在andriod开发平台的可以用“点九”实现：“点九”是什么：是安卓开发里面的一种特殊的图片，这种格式的图片通过ADT自带的编辑工具生成，使用九宫格切分的方法，使图片支持在android 环境下的自适应展示，文件扩展为：.9.png。其实相当于把一张png图分成了9个部分（九宫格），分别为4个角，4条边，以及一个中间区域。如下图，在图
转载
2023-11-16 11:46:44
55阅读
c# winform实现QQ聊天气泡界面，原理非常简单，通过webKitBrowser(第三方浏览器控件，因为自带的兼容性差)加载html代码实现，聊天界面是一个纯HTML的代码，与QQ的聊天界面可以比拟，很不错，因为是html所以扩展性非常大，点击发送按钮可以将文本框的文字加入聊天里，项目开发过程遇到几个难点都解决了，如：1、怎么在聊天新消息插入后将滚动条滚动到最底部，这里我网上搜索了webKi
转载
2023-06-19 21:10:21
233阅读
# JavaScript QQ气泡实现教程
## 1. 整体流程
为了实现JavaScript QQ气泡效果，我们需要按照以下步骤进行操作：
```mermaid
journey
title 教学流程
section 创建HTML结构
section 编写CSS样式
section 编写JavaScript代码
```
## 2. 步骤及代码示例
###
原创
2024-03-26 06:55:31
379阅读
： 对于这么复杂的效果首先得要将它的功能进行拆解，首先先静止观察其效果： 两端可以
原创
2017-10-24 22:15:00
354阅读
QQ聊天界面好友来信息会有一个气泡显示多少条信息，如不看也可以拖拽让其消失。效果如下：分析：动画组成部分如下图 ⚠️重点 一、动画由三个部分组成 不动圆、可动圆、粘连部分（AB与CD是两个贝塞尔曲线）二、不动圆圆心e固定不动（可知） 可动圆圆心f就是手指滑动位置（可知）三、可拖拽的最大距离我们这里设置 可动圆半径的8倍四、不动圆的半径随着 可动圆 与 不动圆 距离变化而变化（没拖拽的时候与可动圆半
转载
2023-11-18 19:48:36
13阅读
此次的自定义View是仿qq消息列表，消息气泡拖拽效果。1.原理介绍：自定义view，绘制原始点圆，touch点圆，然后将两圆用贝塞尔曲线连接并填充。 2.应用WindowManager，将自定义view添加到屏幕中区，全屏布局，根据相关坐标，计算出目标view在屏幕中的坐标，并将目标view（消息气泡view）绘制到自定义view中。3，源码解析
1)按中目标view代码操作/**
<div class="divide"></div> <div class="user-right"> 2020-01-06 11:12:40 wang</div> <div class="chat-right"> <span>wsw今天天气不错呦，一起去海边走走怎么样？？</span> <div
原创
2021-08-10 11:55:27
791阅读
点赞
参考： BubblePopupWindow：https://github.com/smuyyh/BubblePopupWindow PopupMenuView：https://github.com/kareluo/PopupMenuView Android仿QQ长按删除弹出框：项目中要实现类似QQ长按气泡弹窗的效果，GitHub上找了些项目太杂了，还有些在Android P上适配不好，于是站在巨人
转载
2024-01-29 12:16:25
153阅读
# Android实现QQ气泡拖拽教程
## 简介
在本教程中，我将教你如何在Android应用程序中实现类似QQ气泡拖拽的效果。这个效果可以让用户通过拖拽气泡来移动它，并且可以在放手的时候执行一些操作。
## 整体流程
下面是实现该功能的整体流程图：
```mermaid
flowchart TD
A(创建气泡) --> B(监听触摸事件)
B --> C(根据事件处理拖
原创
2023-12-08 03:26:23
74阅读
原文地址: CSS Triangles 演示地址：CSS Triangles Demo 原文日期: 2013年8月5日翻译日期: 2013年8月9日本文两种实现方式: 使用或不使用 before 和 :after 伪元素(伪类,pseudo-elements)最近重新设计了我的网站，准备添加tooltips提示信息效果.实现很容易，但我想要让提示功能具有三角形的指
原创
2022-02-16 15:05:16
966阅读
原文地址: CSS Triangles 演示地址：CSS Triangles Demo 原文日期: 2013年8月5日 翻译日期: 2013年8月9日 本文两种实现方式: 使用或不使用 before 和 :after 伪元素(伪类,pseudo-elements)最近重新设计了我的...
转载
2013-08-09 10:34:00
765阅读
2评论
小伙伴们，你们是否已经发觉，曾经爱过的姑娘在不知不觉中已变了模样，曾经鲜艳的红领巾也不再飘荡于前胸，而曾经最熟悉的QQ电脑 UI，竟在不知不觉中改头换面了。没关系，少年，还不晚，今天，让我们携起手来，坐在高高的谷堆上，听我来数一数，这十五年来我们追过的 UI。1999 的那个秋，天还是蓝的，水还是绿的，丈母娘嫁女儿是不图你房的。1999 年，QQ 还被我们亲切的称呼：OICQ，将自己定义为中文网络
因为css3尚未形成标准，所以现行的浏览器对于css3支持不太一致，某些特性需要加上浏览器前缀 css属性的浏览器前缀
前缀渲染引擎使用该引擎的浏览器-khtml-KHTMLKonqueror-ms-TridentInternet Explorer-moz-Mozillafirefox-o-*Prestoopera opera mobile-webkit-WebKitsafar
转载
2023-10-19 16:30:23
181阅读
考虑过使用antdesign的tooltip或者popover，但是发现并不适合我，我不希望点击外部关闭它就需要重新修改交互，并且还要重置样式等，索性自己上手撸一个。实现弹出框本文主要分享弹出框的实现，内部的按钮等样式不给出具体的样式1. 首先写一个基础的盒子实现样式,button等样式不在代码中体现。<div class="tooltip">
<span>我是小v
转载
2023-07-15 18:30:34
560阅读
# jQuery气泡提示框效果及其CSS实现
气泡提示框是一种常见的用户界面元素，能够在用户与网页交互时提供额外的信息。这种提示框常用于表单输入、按钮提示或任何需要上下文信息的地方。本文将介绍如何使用jQuery结合CSS实现气泡提示框效果，并给出相应的示例代码。
## 1. 什么是气泡提示框？
气泡提示框就是一个小的弹出窗口，它通常在用户将鼠标悬停在某个元素上时出现。这种设计不仅可以提高用
原创
2024-10-11 08:22:36
158阅读
<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>Test</title> <style> .tip { position: relative; background-color: deepskyblue; margin: 2
原创
2021-08-04 15:29:25
3473阅读
文章目录用CSS画三角形气泡框正三角形的气泡框斜三角形的气泡框总结 在工作中，我们可能会遇到气泡框相关的需求，如下图： 这个气泡框我们可以使用纯CSS代码来实现。接下来跟我一起一步步实现吧！用CSS画三角形用CSS画个三角形，相信大家都很熟悉了吧。主要思路：将元素的的宽高设置为0；然后设置相应的边框即可实现。详细来讲就是给某一方向的边框添加宽度以及颜色，然后将其旁边两个方向（或一个）的边框设置高
转载
2024-01-21 02:27:31
115阅读
