krpano里面有时候需要一个热点显示文字。现在学会两种显示方式:

1 鼠标移入显示

<hotspot name="h3_x" onhover="showtext(提示文字,STYLE12);" onclick="openurl('http://www.ibixue.com',_blank)" alpha="0"  ><point ath="-12" atv="-17" /><point ath="6" atv="-17" /><point ath="6" atv="10" /><point ath="-12" atv="10" /></hotspot>

2 一直显示文字

<hotspot name="spot3" style="your_hotspotstyle" ath="-30.441" atv="14.181" tooltip="tooltip 1"/>
<hotspot name="spot4" style="your_hotspotstyle" ath="-48.224" atv="12.630" tooltip="tooltip 2"/>  <style name="your_hotspotstyle" url="images/d.png" scale="0.5" edge="top" oy="0" distorted="false" onloaded="add_all_the_time_tooltip();" /><action name="add_all_the_time_tooltip">txtadd(tooltipname, 'tooltip_', get(name));addplugin(get(tooltipname)); txtadd(plugin[get(tooltipname)].parent, 'hotspot[',get(name),']');set(plugin[get(tooltipname)].url,'%SWFPATH%/plugins/textfield.swf');set(plugin[get(tooltipname)].align,top); set(plugin[get(tooltipname)].edge,bottom);set(plugin[get(tooltipname)].x,0); set(plugin[get(tooltipname)].y,0);set(plugin[get(tooltipname)].width,200); set(plugin[get(tooltipname)].autoheight,true);set(plugin[get(tooltipname)].background,false); set(plugin[get(tooltipname)].border,false);set(plugin[get(tooltipname)].css,'text-align:center; color:#FFFFFF; font-family:Arial; font-weight:bold; font-size:16px;');set(plugin[get(tooltipname)].textshadow,1); set(plugin[get(tooltipname)].textshadowrange,6.0); set(plugin[get(tooltipname)].textshadowangle,90);copy(plugin[get(tooltipname)].html,hotspot[get(name)].tooltip);set(plugin[get(tooltipname)].enabled,false);</action>

krpano 热点显示文字 hotspot的两种方法。相关推荐

  1. html元素隐藏js 控制,JS控制HTML元素的显示和隐藏的两种方法

    JS控制HTML元素的显示和隐藏的两种方法 利用来JS控制页面控件显示和隐藏有两种方法,两种方法分别利用HTML的style中的两个属性,两种方法的不同之处在于控件隐藏后是否还在页面上占空位. 方法一 ...

  2. 计算机将文本朗读出来应用语音,如何实现电脑语音朗读文字?可以选择两种方法...

    眼睛长时间对着电脑会让人觉得疲劳,到了休息时间想要放松心情,看看小说,又担心影响视力,怎么办?很简单,我们可以直接选择"听书",除了借助语音朗读软件,还有其他方法,下面小编来为大家 ...

  3. 怎么将图片内容转换成文字?这两种方法可以轻松实现

    如何将图片的内容转换成文字呢?大家在使用图片文件的时候,遇到那种图片中包含一些有用的文字信息时,没有办法直接复制下来使用,只能对照着图片将文字信息给记录下来,这样会很耗费我们的时间.其实是有方法能够直 ...

  4. 环形文字拉直的两种方法:极坐标转换和薄板样条插值python代码示例

    目录 引言 极坐标转换 方案一: 方案二: 薄板样条插值法 引言 针对环形文字识别,通过这几天调研,一般有两种方法,一是极坐标转换:二是薄板样条插值(TPS)法. 极坐标转换 方案一: 代码来源:Se ...

  5. 如何批量在excel中将中文转换为汉语拼音(Excel文字转拼音两种方法)

    今天工作遇到一个需求,其中有一列的需求是将姓名转变为拼音全称 这个需求有两种解决办法(目前) 直接进入正题: 1.第一种方法,利用自定义函数 要将以上的名字汉语拼音写出来,(举个例子,实际数据比这要多 ...

  6. 解决Win7下安装VS2010不显示序列号框的两种方法

    VS2010在Windows 7下安装,一些朋友发现怎么在安装的时候输入序列号框怎么不出现呢?这该如何解决?下面西部e网的icech就找到了两种解决方法帮您解决这个问题: 1.修改setup.sdb文 ...

  7. PDFJS跨域显示PDF文件的两种方法

    首先使用文件流获取远程文件 @RequestMapping("getPdfFile") public void getRemoteFile(String url, HttpServ ...

  8. php实现鼠标悬停显示下拉菜单,Html中鼠标悬停显示二级菜单的两种方法

    Windows Phone 8.1中处理后退键的HardwareButtons.BackPressed事件 在WP8中,处理后退键比较简单,重写OnBackKeyPress事件即可.如经常用的双击后退 ...

  9. js分页页码显示逻辑实现的两种方法

    第一种:之前在项目中用到的比较笨重的方式,纯代码的形式实现,用到<c:if>判断,有需要的朋友可作参考,自定义样式就可以实现想要的分页效果. page.pageNo = 当前页数 page ...

最新文章

  1. Pro LINQ 之三:LINQ to DataSet
  2. debian6之eclipse和jdk安装
  3. 《ES6标准入门》49~68Page 数值的拓展 数组的拓展
  4. JVM在JDK1.8的变化
  5. 有不同列数的两个表的UNION
  6. Confluence 6 手动备份站点
  7. Visual C++ 2011-5-20
  8. git reset 怎么还原_如何在Git中重置、恢复,返回到以前的状态
  9. 互联网公司常用MySQL分库分表方案
  10. Oracle11g新特性:在线操作功能增强-Oracle对象依赖性判断增强 (转载)
  11. Eclipse中经常出现的问题解决方案
  12. 190509每日一句
  13. Java基础教程——线程局部变量
  14. 从程序设计方法学的角度比较 SP 方法与OOP 方法
  15. java怎么模拟查询账户余额_spring boot + mybatis 模拟银行系统余额查询、转账、存取钱功能实现...
  16. 搭建docker监控平台
  17. telink wiki使用简单说明
  18. netty官方例子 三 http snoop监听
  19. HTML5堆木头游戏
  20. 用python画一个简单卡通人物,Python绘制可爱的卡通人物 | 【turtle使用】

热门文章

  1. 怎样配置Java开发环境?步骤详解
  2. Centos7不锁屏
  3. imx6的android编译,iMX6开发板 Android系统下常见问题解决思路
  4. Istio 1.12 引入 Wasm 插件配置 API 以扩展 Istio 生态
  5. word填充图片如何保持和原图比例一致_【为什么一张图片就能苹果手机重启?】...
  6. idea antlr4 使用
  7. u盘 找不到应用程序
  8. 黑龙江创维E900V22C_S905L3(B)_安卓9.0_开启设置隐藏无线_完美线刷固件包
  9. 小程序源码:洗衣店v2.5.0微信小程序
  10. 计算机信息管理员考试知识点,网络管理员考试知识点1—计算机硬件基础