如何将光标设置为离开屏幕
How to set cursor off screen?
我正在为一个信息亭创建一个网站。我在一个页面上有3个div,每次单击一个div时,下一个div都会使用photoslide显示,而上一个div会隐藏起来。
我的问题是,当显示欢迎屏幕(第一个div)时(整个页面/div是一个标记),底部的状态栏一直显示链接地址。我发布了另一个帖子,人们告诉我不可能隐藏状态栏。
因此,我的问题是如何将光标设置为屏幕外/离线,这样状态栏只在访问者与屏幕交互时显示。
我可以使用javascript、html/css或php设置光标偏移量吗?欢迎提供任何代码/建议。
谢谢!
下面是我的html页面,或者查看http://jsfiddle.net/EXfnN/8/
<div id="item1" class="item">
<div class="content">
<a href="#item2" class="panel">
<video id="my_Video" width="100%" height="100%" preload="auto" autoplay loop>xxxxxx
</video>
</a>
</div>
</div>
<div id="item2" class="item">
<div class="content">
<div id="back">
<ul id="awesome-menu">
<li>
<a href="#item3" onclick="abcSubmit()" id="abc" class="panel">ABC</a>
</li>
<li>
<a href="#item3" onclick="nationalSubmit()" id="national" class="panel">National</a>
</li>
<li>
<a href="#item3" onclick="otherSubmit()" id="other" class="panel">Other</a>
</li>
</ul>
</div>
</div>
</div>
<div id="item3" class="item">
<div class="content">
<a href="#item1" class="panel"><img src="images/thankyou.jpg" alt="Thank you" /></a></div>
</div>
我建议,如果您为此使用JavaScript,则不需要ANCHOR标记,因为您已经否定了对它们的需求。
我建议改为在div标记中添加点击事件,并将额外的应用程序数据存储在"data-"属性上,然后用JavaScript读取这些数据。
这种解决方法消除了一些类似上面的问题。
您可以让第一个元素成为一个div only(没有a标记)来捕获onclick事件,然后通过javascript重定向(或者执行a标记的任何操作)?
相关文章:
- 如何将屏幕分辨率乘以 80%,然后在代码中使用
- 在不打开聊天屏幕的情况下制作Zopim-ding代理
- D3 - 如何确定元素何时离开屏幕
- Javascript,检查元素是否已离开屏幕
- 当光标离开屏幕时,游戏不会't以Javascript结尾
- CSS包含+的位置部分离开屏幕
- 检测下拉导航是否会离开屏幕并重新定位
- VueJS & Laravel,在用户离开屏幕时发出后请求
- 我不希望我的“播放器”离开屏幕,我该如何防止这种情况
- 让用户通过网站离开他的屏幕保护程序
- jQuery或JS,使元素离开屏幕底部并在顶部输入
- 图像旋转到宽离开我的屏幕如何保持静态或缩短宽度
- 如何将光标设置为离开屏幕
- 当手指离开屏幕上的对象时进行检测
- 检查元素是否离开屏幕的右边缘
- jQuery -如何监听鼠标离开屏幕的区域
- 隐藏列表元素,如果他们离开屏幕
- 如何创建一个永远不会离开屏幕的html工具提示
- 如何知道元素何时会离开屏幕
- 当jquery-ui-draggable的父项在排序过程中隐藏在屏幕之外时,光标会离开该排序项