简介
- 引线式热点通过动画效果引起浏览者的注意。
效果
默认样式
显示时同时变形成一个圆形
方形热点
引线式热点弹出的方向可设置
引线的长短可设置
可设置带有颜色的背景
打开后则始终显示
鼠标悬浮显示热点
鼠标点击时显示热点
引出的热点可设置点击动作
让热点只在最小值和最大值两个视角之间的范围内显示
在热点两边显示边框
设置边框
使用图片
其它效果
使用方法
嵌入下面代码
插件属性
- size
- 以像素为单位，热点尺寸
- 默认为10
- color
- 热点和线条的颜色
- 默认为0xffffff
- rotate
- 引线的方向
- 默认为45
- 90 则向右引出
- 180 则向下引出
- 360 则向左上引出
- 0 则向右上引出
- distancepopup
- 设置分隔区
- 设置引线式热点激活的区域
- 默认为5
- min_fov
- 设置可显示引线式热点的最小视角
- 默认为180
- max_fov
- 设置可显示引线式热点的最小视角
- 默认为0
- line_lenght
- 引线的长度
- 默认为100
- line_width
- 引线的宽度
- 默认为2
- shape
- 热点的形状
- 默认为round
- 可使用的图像
- round
- square
- circle
- circle_active_width
- 当热点被激活，圆形被选择时圆圈的宽度
- 默认为50
- animation
- 引线式热点的动画效果
- 默认为center_screen
- 可使用的动画
- center_screen – 当进入由distancepopup设置定义的屏幕活动区域时，将显示热点标注，当离开该区域时，热点标注将隐藏。
- keep_opened – 当进入由distancepopup设置定义的屏幕活动区域时，将显示热点标注，并保持开启状态。
- on_over – 当鼠标悬浮在热点上时显示热点。
- on_click – 当鼠标点击热点时显示热点。
- text_width
- 文本宽度，只针对内容数据。
- 默认为300
- 可使用”auto”
- callout_bg_border
- 引出部分的边框设置
- 默认为0,0,0,2
- 以像素为单位，控制上、右、下、左的边框。
- 如果在180到360之间旋转引线式热点，则应该使用 0,2,0,0
- text_x
- 文本与边框之间的距离
- 默认为10
- css_title
- 标题的CSS样式
- 默认为color:#fff;font-size:25px;
- css_text
- 文本的CSS样式
- 默认为color:#fff;font-size:16px;text-shadow: 3px 3px 8px #000000;
- title_background
- 标题的背景颜色
- 默认为0xb50000
- text_background
- 文本的背景颜色
- 默认为
- title_padding
- 标题间距
- 默认为10
- text_padding
- 文本间距
- 默认为10 10 0 0
使用方式，为热点引入style=”callout”，并且在scene元素的onstart加上set(letspopup,true)
获取方式
联系站长，联系方式见首页