易截截图软件、单文件、免安装、纯绿色、仅160KB

CSS 中cursor的作用: 引导用户

关于cursor的说明,书上是这样讲的:
      设置或检索在对象上移动的鼠标指针采用的光标形状。
此属性的值可以是多个,其间用逗号分隔。假如第一个值不可以被客户端系统理解或所指定的光标无法找到及显示,则第二个值将被尝试使用。依此类推。假如全部值都不可用的话,则此属性不会发生作用。光标不会被改变。
此属性对于
currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 cursor
。 
 
这个属性主要是修改鼠标移上页面某一元素,所表现出来的形状。用来引导用户,见到鼠标的形状马上知道这一元素是什么类型的元素,如:小手,很清楚知道那是一个超级连接,等。
示例:
p { cursor: text; }
a { cursor: pointer; }
body { cursor: url("mycursor.gif"), url("images/cursors/footcursor.jpg"), default; }
 
 
语法:
      cursor :
auto
| all-scroll
| col-resize
| crosshair
| default
| hand
| move
| help
| no-drop
| not-allowed
| pointer
| progress
| row-resize
| text
| vertical-text
| wait
| *-resize
| url (
url
)
 
 
 
 
取值:
auto
:
默认值
。浏览器根据当前情况自动确定鼠标光标类型。
all-scroll
:
IE6.0
有上下左右四个箭头,中间有一个圆点的光标。用于标示页面可以向上下左右任何方向滚动。
col-resize
:
IE6.0
有左右两个箭头,中间由竖线分隔开的光标。用于标示项目或标题栏可以被水平改变尺寸。
crosshair
:
简单的十字线光标。
default
:
客户端平台的默认光标。通常是一个箭头。
hand
:
竖起一只手指的手形光标。就像通常用户将光标移到超链接上时那样。
move
:
十字箭头光标。用于标示对象可被移动。
help
:
带有问号标记的箭头。用于标示有帮助信息存在。
no-drop
:
IE6.0
带有一个被斜线贯穿的圆圈的手形光标。用于标示被拖起的对象不允许在光标的当前位置被放下。
not-allowed
:
IE6.0
禁止标记(一个被斜线贯穿的圆圈)光标。用于标示请求的操作不允许被执行。
pointer
:
IE6.0
和 hand
一样。竖起一只手指的手形光标。就像通常用户将光标移到超链接上时


相关文档:

javascript+div+css滚动菜单的实现.

效果图
代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Scrollable</title>
<mce:script type="text/javascript"><!--
resizeCallback = function() {
......

9个永不过时的css三栏布局

        我喜欢3栏布局的网页设计,但是3栏布局相对来说就比较复杂,有些难以控制,尽管时下正火的Web2.0似乎很少采用3栏布局。但没关系,我们是非非非主流。
        首先,任何一个布局通常都有headers, navigation bars, content containers,
......

CSS 元素的定位

CSS定位令你可以将一个元素精确地放在页面上你所指定的地方。联合使用定位与浮动(参见第13课),你将能够创建多种高级而精确的布局。
本课我们将讨论以下内容:
CSS定位的原理
绝对定位
相对定位
CSS定位的原理
把浏览器窗口想象成一个坐标系统:
CSS定位的原理是:你可以将任何盒子(box)放置在坐标系统的任何 ......

DIV+CSS的命名规则


一个网站的优化有很多工作要做,其中对代码的优化是一个很关键的步骤。为了更加符合SEO的规范,下面将对目前流行的DIV+CSS的命名规则整理如下:
页头:header                  登录条:loginBar
标志:logo   & ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号