知识:CSS方便地控制用户浏览网页时使用的光标(2…
2008-02-23 08:42:46来源:互联网 阅读 ()
通过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
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash
