# 百变悬浮图标

自由更改悬浮图标的样式。

## 样式

更改悬浮球和线的外观。

* 外观：支持设置悬浮球的大小、百分比、透明度、位置。
* 线：支持设置线的高度、宽度、透明度、样式（支持渐变的多种颜色、自定义图片）。
* 图标：样式有四种自带，可自定义为其他图片、或幻灯片、GIF。
  * 幻灯片、 GIF 有间隔时间限制，为了省电考虑。

## 显示

你可以让悬浮球以不同的方式显示。

* 两边显示：支持设置为两边都显示，实际上是一边为图标一边为线，直接操作线条就会变成球。
* 显示方式：悬浮图标支持四种显示方式：显示图标、显示线、隐藏图标、隐藏图标并禁用功能。

![](http://ww1.sinaimg.cn/large/6b1dd0a7ly1gctuwxj7z4j20u007xq33.jpg)

## 图标推荐

一些优秀、经典、耐看的悬浮球图标推荐，分类仅供参考。

### 经典

![google.gif](http://ww1.sinaimg.cn/large/6b1dd0a7ly1gczfp80ehvg209v09wgzl.gif)

### 灵动

 ![](http://ww1.sinaimg.cn/large/6b1dd0a7ly1gczfrb4cb6g2074074tab.gif) ![](http://ww1.sinaimg.cn/large/6b1dd0a7ly1gczfsblxwhg20go0ciqb6.gif) ![](http://ww1.sinaimg.cn/large/6b1dd0a7ly1gczfx66z5yg208l08ldh2.gif) ![](http://ww1.sinaimg.cn/large/6b1dd0a7ly1gczfy9ssh3g208c08c48h.gif)

 ![](http://ww1.sinaimg.cn/large/6b1dd0a7ly1gczg8yzn6ig203s03sdll.gif) ![](http://ww1.sinaimg.cn/large/6b1dd0a7ly1gczg9tvswug20b00b0dw4.gif) ![](http://ww1.sinaimg.cn/large/6b1dd0a7ly1gczga5o7xvg20b40b44ho.gif) ![](http://ww1.sinaimg.cn/large/6b1dd0a7ly1gczgah3gf2g20am0am4qq.gif) ![](http://ww1.sinaimg.cn/large/6b1dd0a7ly1gczgd0jx6ug2084083u10.gif) ![](http://ww1.sinaimg.cn/large/6b1dd0a7ly1gczgcqm5k0g20c8096kjm.gif)

### 人物

 ![](http://ww1.sinaimg.cn/large/6b1dd0a7ly1gczh1w7m51g209m0a74cq.gif) ![](http://ww1.sinaimg.cn/large/6b1dd0a7ly1gczh1w7x5ig206y06y18n.gif) ![](http://ww1.sinaimg.cn/large/6b1dd0a7ly1gczh1vt55ag207i07gn2l.gif) ![](http://ww1.sinaimg.cn/large/6b1dd0a7ly1gczh1wi68og206y06y7wh.gif) ![](http://ww1.sinaimg.cn/large/6b1dd0a7ly1gczh1vx80ug20uk0uke6k.gif) ![](http://ww1.sinaimg.cn/large/6b1dd0a7ly1gczh1xsoq3g20dm0cdb2c.gif)

### 动物

 ![](http://ww1.sinaimg.cn/large/6b1dd0a7ly1gczh4ju7hdg20a40a3e81.gif) ![](http://ww1.sinaimg.cn/large/6b1dd0a7ly1gczh4i2gjgg20ci0cidg3.gif) ![](http://ww1.sinaimg.cn/large/6b1dd0a7ly1gczh4igsygg209a099gxs.gif) ![](http://ww1.sinaimg.cn/large/6b1dd0a7ly1gczh4ign6eg204z04yaap.gif) ![](http://ww1.sinaimg.cn/large/6b1dd0a7ly1gczh4igdw5g202s02sq36.gif)

 ![](http://ww1.sinaimg.cn/large/6b1dd0a7ly1gczh4ik0rhg20fq0fq7br.gif) ![](http://ww1.sinaimg.cn/large/6b1dd0a7ly1gczh4itr0ig20m80goqrt.gif) ![](http://ww1.sinaimg.cn/large/6b1dd0a7ly1gczh4ik2nhg20go0gon8o.gif) ![](http://ww1.sinaimg.cn/large/6b1dd0a7ly1gczh4iulzkg20c90c97lc.gif) ![](http://ww1.sinaimg.cn/large/6b1dd0a7ly1gczh4kysysg20f40f4x6p.gif) ![](http://ww1.sinaimg.cn/large/6b1dd0a7ly1gczh4j86yqg20dd0dc1iy.gif)

### 插画

 ![](http://ww1.sinaimg.cn/large/6b1dd0a7ly1gczh7052qog20e80e80uj.gif) ![](http://ww1.sinaimg.cn/large/6b1dd0a7ly1gczh71p27lg20dw0dwx6p.gif) ![](http://ww1.sinaimg.cn/large/6b1dd0a7ly1gczh73muhcg208q08qkjn.gif) ![](http://ww1.sinaimg.cn/large/6b1dd0a7ly1gczh704aopg207a07agxo.gif)

 ![](http://ww1.sinaimg.cn/large/6b1dd0a7ly1gczh702wejg20e80e843h.gif) ![](http://ww1.sinaimg.cn/large/6b1dd0a7ly1gczh707djxg20dw0dw7p3.gif) ![](http://ww1.sinaimg.cn/large/6b1dd0a7ly1gczh71wcqhg20m80gou0x.gif) ![](http://ww1.sinaimg.cn/large/6b1dd0a7ly1gczh702z3eg20e80e83zr.gif) ![](http://ww1.sinaimg.cn/large/6b1dd0a7ly1gczh7184y5g20dw0dwb29.gif)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://sealt.gitbook.io/fooview/xuan-fu-qiu/bai-bian-xuan-fu-tu-biao.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.