本地屏问题——涉及到机顶盒,遥控器按键

原创 前端薇薇 随笔 工作 233阅读 2017-11-11 22:20:58 举报

电脑上的键码:
38:上 40:下 37:左 39:右 45:insert 46:delete 13:enter 49:数字1键
遥控器上的键码:
1:上 2:下 3:左 4:右 13:确定 49:遥控器上的1
机顶盒上的键码:
340:机顶盒上的返回按钮

写本地屏项目时会遇到的:
整张背景图,不想进行切图,但要实现上面某些部分可点击(一图多热点),就用map标签,是html中的标签,所有主流浏览器都支持
map:定义一个客户端图像映射
图像映射(image-map):指带有可点击区域的一幅图像
area永远嵌在map内部,area元素可定义图像映射中的区域
<img/>标签中的usemap属性可饮用<map>中的id 或name属性(取决于浏览器),所以最好向map同时加name或id属性
<area/>标签:定义图像映射的区域
<area shape="" coords="" alt=""/>

本地屏问题——涉及到机顶盒,遥控器按键
shqpe属性的设置说明:
1.rect 定义一个矩形区域,coords属性设置值为矩形的左上角,右下角的坐标,各个坐标值之间用逗号分开;
2.poly 定义一个多边形区域, coords属性设置值为多边形各项顶点的坐标值;
3.circle 定义一格圆形区域, coords属性设置值为圆心坐标及半径,前两个参数分别为圆心的横,纵坐标,第三个参数为半径.

需求:在整张的背景图上的按钮图示部分加边框
解决:可以先给图示上方透明图片,给透明图片加绝对定位,定位到图示对应的位置,然后给透明图片加边框

注意:写本地屏时,一级页面跳转用模板来写,二级页面用<a>来写跳转

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复