热点相关 | 热点上方始终显示所链接的场景名字

热点提示文字需求

默认的corfu模版可以实现鼠标移动到热点时,出现提示文字。但这种体验并不好,一方面,浏览者的鼠标不放到鼠标上方,他就不可能知道这个箭头指向的是哪一个场景。另一方面,在移动设备上,没有鼠标,也就是不能够实现onover事件,也就是根本就无效了。有些朋友可能直接采用ps文字为图片作为热点来展示,这种做法的好处就是能设计出很漂亮的文字图片效果,但如果热点很多,同时想要的也就是一个指示作用的话,用代码就能解决,具体效果请看下方。

热点提示文字演示

步骤

  1. 将下面的代码放到skin文件夹的vtourksin.xml中。
  2. 在vtourskin找到下面的代码
    替换为

代码简要说明

skin_hotspotstyle是默认热点会调用的样式,这里修改的是onloaded属性的内容。add_all_the_time_tooltip()能够在热点上新增一个文字层,以热点为父元素。可以在add_all_the_time_tooltip()中调整文字的位置、颜色、字体大小、背景框样式等等。

在 “热点相关 | 热点上方始终显示所链接的场景名字” 上有 1 条评论

发表评论