您的位置:首页 > 其它

网页——.移动到某处鼠标变小手 + 点击链接打开窗口

2018-01-02 19:55 375 查看


方法一:

链接:href="javascript:void(0)"  或者 href="#"



方法二:

cursor:hand 与 cursor:pointer


用JS使鼠标变小手onmouseover(鼠标越过的时候)

[javascript] view
plain copy

<span style="margin:0px;padding:0px;line-height:1.5;font-weight:normal;"><span style="font-family:'KaiTi_GB2312';font-size:18px;">onmouseover="this.style.cursor='hand'"</span></span>  

介绍:一般来说两者的效果是一样的,但是两者的浏览器支持版本是不一样的

          cursor:hand :IE完全支持。但是在firefox是不支持的,没有效果。 
            cursor:pointer :是CSS2.0的标准。所以firefox是支持的,但是IE5.0既之前版本不支持。IE6开始支持。

 
          结论:还是 cursor:pointer方便,如果实在出不来,两者都可以试一试

其余的cursor其他取值:

[php] view
plain copy

<span style="margin:0px;padding:0px;line-height:1.5;font-size:16px;"><span style="font-family:'Comic Sans MS';">auto                //标准光标    

default             //标准箭头    

pointer, hand       //手形光标    

wait                //等待光标    

text                //I形光标    

vertical-text       //水平I形光标    

no-drop             //不可拖动光标    

not-allowed         //无效光标    

help                //帮助光标    

all-scroll          //三角方向标    

move                //移动标    

crosshair           //十字标    

e-resize            //箭头朝右方  

n-resize            //箭头朝上方  

nw-resize           //箭头朝左上方  

w-resize            //箭头朝左方  

s-resize            //箭头朝下方  

se-resize           //箭头朝右下方  

sw-resize           //箭头朝左下方</span></span>  


3种情况:


打开新窗口:<a
href="url" target="_blank">文本</a>
在当前窗口打开:<a
href="url" target="_self">文本</a>
在当前窗口上方打开:<a
href="url" target="_top">文本</a>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐