知识:CSS方便地控制用户浏览网页时使用的光标(2…

2008-02-23 08:42:46来源:互联网 阅读 ()

新老客户大回馈,云服务器低至5折

通过JavaScript应用CSS光标属性

通过JavaScript,使用以下语法,可以方便的访问和应用一个元素的光标属性:

element.style.cursor="cursor_value";

你可以在页面中使用这个语法和其它JavaScript中的各种有效事件。列表C中的例子对页面中的最后一个链接使用onFocus事件,并对页面的body部分使用onSelectStart事件(当用户用鼠标在选中页面上的某个内容时)。当事件如JavaScript定义的那样运行时,即会显示某些光标。

<html><head>

<title>Using the CSS cursor property</title>

<style type="text/css">

body {cursor: all-scroll;}

p

.headers

</style>

</head>

<body onSelectStart="this.style.cursor='not-allowed'; return false;">

<h1 class="headers">Title of the page</h1>

<h2 class="headers">Subtitle</h2>

<p>Some text goes here.</p>

<a href="http://www.163.com/" mce_href="http://www.163.com/">Read the 163</a>

<br><br>

<a href="http://www.webjx.com/" mce_href="http://www.webjx.com/"

onFocus="this.style.cursor='text'; return

false;">WEBJX</a>

</body></html>

更多选项

CSS为Web应用程序开发提供众多选项。开发者可以通过CSS、标准HTML、JavaScript或组合这些标准控制页面元素。如CSS标准定义的那样,控制光标只是一个易于控制的选项,但你也不能过度使用它。

关键词:
【推荐给好友】【关闭】
最新五条评论
查看全部评论
评论总数 0 条
您的评论
用户名: 新注册) 密 码: 匿名:
·用户发表意见仅代表其个人意见,并且承担一切因发表内容引起的纠纷和责任
·本站管理人员有权在不通知用户的情况下删除不符合规定的评论信息或留做证据
·请客观的评价您所看到的资讯,提倡就事论事,杜绝漫骂和人身攻击等不文明行为

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:标准网页制作技巧:CSS整体布局声明的一些用法

下一篇:初学者来看:学习网页技术CSS从何入手技术?