如何设置光标关闭屏幕？ [英] How to set cursor off screen?

问题描述

我正在为信息亭创建一个网站。我在一个页面上有3个div，每次当一个div被点击时，下一个div显示使用照片，上一个div隐藏了。

我的问题是当欢迎屏幕（第一个div）显示（整个页面/ div是一个标签）时，底部的状态栏一直显示链接地址。我发布了另一个帖子，人们告诉我，是不可能隐藏状态栏。

所以我的问题是如何将光标设置为关闭屏幕/关闭设置，因此状态栏仅在访问者与屏幕交互时显示。 p>

我可以使用javascript，html / css或php设置光标偏移吗？

以下是我的html页面，或者查看 http://jsfiddle.net/EXfnN/8/

 < div id =item1class =item> 
 
 
< div class =content> 
 
 
< a href =＃item2class =panel> 
 
< video id =my_Videowidth =100％height =100％preload =autoautoplay loop> xxxxxx 
< / video& 
 
< / a> 
 
< / div> 
< / div> 
 
 
 
< div id =item2class =item> 
 
< div class =content> 
< div id =back> 
 
< ul id =awesome-menu> 
 
< li> 
 
< a href =＃item3onclick =abcSubmit（）id =abcclass =panel> ABC< / a> 
 
< / li> 
 
< li> 
 
< a href =＃item3onclick =nationalSubmit（）id =nationalclass =panel>国家< / a> 
 
 
< / li> 
 
< li> 
 
< a href =＃item3onclick =otherSubmit（）id =otherclass =panel>其他< / a> 
 
< / li> 
 
< / ul> 
 
< / div> 
 
< / div> 
< / div> 
 
< div id =item3class =item> 
 
< div class =content> 
< a href =＃item1class =panel>< img src =images / thankyou.jpgalt =谢谢/>< / a>< / div ; 
< / div> 
  

解决方案

建议如果您使用JavaScript

我建议您更改为将点击事件添加到div标签中，因为您不需要ANCHOR标签

这种解决方法可以消除像上面那样的一些问题。

I'm creating a website for a kiosk. I've got 3 divs on one page, everytime when a div is clicked, next div shows up using a photoslide, and the previous div hides away.

My problem is that when the welcome screen (first div) is showing (the whole page/div is an a tag), the status bar down the bottom shows the linking address all the time. I posted another post, people told me it is not possible to hide the status bar.

So my question is how do I set the cursor to be off screen/off set, so the status bar only shows when a visitor is interacting with the screen.

Can I set the cursor offset using javascript, html/css or php? Any code/suggestions is appreciated.

Thanks!

Here is my html page below or see 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>

解决方案

I'd suggest that if you're using JavaScript for this, that you don't need ANCHOR tags because you've already negated the need for them.

I'd suggest changing to adding click events to the div tags and storing additional application data on "data-" attributes and reading those with JavaScript instead.

This workaround eliminates a few problems like the one above.

这篇关于如何设置光标关闭屏幕？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！