layer events 的标签说明

<events onenterfullscreen="" 切换到全屏显示执行
onexitfullscreen="" 从全屏切换回普通视图时执行
onxmlcomplete="" XML文件加载完成时执行
onpreviewcomplete="" 预览图加载完成时执行
onloadcomplete="" 全景切片图片加载完毕时执行
onnewpano="" 当启动新的全景场景时执行
onremovepano="" 当前场景被关闭时执行(加载新场景前)
onnewscene="" 新场景加载完成时执行
onloaderror="" 加载错误时执行,执行被设置后,屏幕将不显示默认的错误信息
οnkeydοwn="" 当某个键盘被按下时执行
οnkeyup="" 当某个键盘松开时执行
οnclick="" 当鼠标点击全景场景时执行
οnmοusedοwn="" 当鼠标按下时执行
οnmοuseup="" 当鼠标松开时执行
onmousewheel="" 当鼠标滚轮滚动时执行
onidle="" 当无用户操作在设定秒数后执行
onviewchange="" 当场景转变时执行(渲染开始时)
onviewchanged="" 当场景转变时执行(渲染完成时)
οnresize="" 当浏览器大小改变时执行
/>

<layer name="..."        

           //定义引入的元素名称
 
       type="image"      
           //引入元素的类型,可以为image 或 container,container为容器,可在容器内继续引入多个媒体元素
 
       url="..."          
           //引入元素的路径(支持格式:SWF, JPG, PNG, GIF.)
 
       alturl=""          
           //引入元素的路径(支持格式:SWF, JPG, PNG, GIF.),只在html5浏览器使用
 
       keep="false"      
           //是否在跳入新场景时仍然保留显示该元素
 
       devices="all"      
           //设置显示的设备类型(详见设备列表)
 
       parent=""          
           //设置父容器名称,可以直接是 plugin的name,也可以是全称:parent="layer[name]"或parent="hotspot[name]"
 
       visible="true"    
           //设置插入元素是否可见
 
       enabled="true"    
           //设置插入元素是否接受鼠标事件
 
       handcursor="true"  
           //鼠标移动该元素上时,是否变为小手
 
       maskchildren="false"  
           //设置是否将子控件变为蒙板,设置为TRUE后,除子控件范围显示外,子控件边框与父控件边框之间区域将不显示
 
       scalechildren="false"
           //设置是否子空间跟随父控件一同缩放
 
       zorder=""              
           //插入元素的次序索引,可以是字符也可以是数字,html5输出必须是0-100整数
 
       style=""              
           //调用已在文件中定义好的style的名称
 
       align=""              
           //元素在屏幕对齐方式,lefttop, left, leftbottom, top, center, bottom, righttop, right, rightbottom (见示意图)
 
       edge=""                
           //元素的边缘或描点层对齐方式,lefttop, left, leftbottom, top, center, bottom, righttop, right, rightbottom (见示意图)
 
      safearea="true"
           //设置是否layer只显示安全区域内,默认true,  如果设置为false,layer显示范围将超出安全区域,安全区域详见pr14文档
 
       x=""                  
           //对齐边界到对齐点的X横向距离
 
       y=""                  
           //对齐边界到对齐点的y横向距离
 
       rotate="0.0"          
           //插入元素显示时旋转度数
 
       width=""              
           //插入元素的显示宽度
 
       height=""              
           //插入元素的显示高度
 
       scale="1.0"            
           //插入元素的缩放比例
 
       alpha="1.0"            
           //插入元素的不透明度
 
       crop=""                
           //自定调整定义元素坐标及宽高  crop="x-position|y-position|width|height"
 
       onovercrop=""          
           //设置元素鼠标移到上方后的坐标及宽高
 
       ondowncrop=""          
           //设置元素鼠标按下状态后的坐标及宽高
 
       bgcolor="0x000000"      
           //type="container"状态下的背景颜色,非container状态下无效
 
       bgalpha="0.0"          
           //背景不透明度
 
       bgcapture="false"      
           //是否捕抓在背景容器上事件(type="container"状态下生效)
 
       onover=""              
           //鼠标在经过上方时执行动作
 
       onhover=""            
           //鼠标停在上方时执行动作
 
       onout=""                
           //鼠标停移出范围时时执行动作
 
       onclick=""              
           //鼠标停点击时执行动作
 
       ondown=""              
           //鼠标按下时执行动作
 
       onup=""                
           //鼠标按键松开时执行动作
 
       onloaded=""            
           //加载元素完成后执行动作
 
       />
 
 
 
样例:
 
 
 
<layer name="logo"
       url="logoimage.png"
       align="rightbottom" x="20" y="20"
       onclick="openurl('http://...');"
       >
 
<layer name="imagebar" type="container" width="100%" height="200" align="leftbottom" bgcolor="0x000000" bgalpha="0.5">  
//type="container"该layer为容器层,可以设置容器层背景颜色。
  <layer name="item1" url="image1.jpg" align="left" x="10" />
  <layer name="item2" url="image2.jpg" align="left" x="110" />
  <layer name="item3" url="image3.jpg" align="left" x="210" />
</layer>
posted @ 2020-12-30 14:18  李佳鹏-前端  阅读(259)  评论(0编辑  收藏  举报