用css改变鼠标显示
一般而言,鼠标以斜向上的箭头显示,移到文本上时变为有头的竖线,移到超级链接上变为手型。但用css可控制鼠标的显示效果,如可使鼠标移到普通文本上也显示成手型。 用css控制的语法如下: span style="cursor:*"文本或其它页面元素/span 把 * 换成如下15个效果的一种:
一般而言,鼠标以斜向上的箭头显示,移到文本上时变为有头的竖线,移到超级链接上变为手型。但用css可控制鼠标的显示效果,如可使鼠标移到普通文本上也显示成手型。
用css控制的语法如下:
<span style="cursor:*">文本或其它页面元素</span>
把 * 换成如下15个效果的一种:
hand、crosshair、text、wait、default、help、e-resize、ne-resize、n-resize、nw-resize、w-resize、sw-resize、s-resize、se-resize和auto。
下面是对这15种效果的解释。移动鼠标到解释上面,看看你的鼠标起了什么变化吧!
hand是手型
crosshair是十字型
text是移动到文本上的那种效果
wait是等待的那种效果
default是默认效果
help是问号
e-size是向右的箭头
ne-resize是向右上的箭头
n-resize是向上的箭头
nw-resize是向左上的箭头
w-resize是向左的箭头
sw-resize是左下的箭头
s-resize是向下的箭头
se-resize是向右下的箭头
auto是由系统自动给出效果
相关文档:
我在www.c09.com 发表了这个笔记并上传了原著的PDF,今天有空,转到BLOG上来。
招数和过滤器
IE的有条件注释:仅用这一项,就可以解决IE的兼容问题,至于其它浏览器的不同版本,我们完全可以忽略不计。[code]
/*有条件注释仅在IE中支持且IE5以后的所有版本均支持*/
<!--[if IE]
<style type='text/css'>
@im ......
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>CSS渐变条</ ......
如图,做网站时经常遇到的情况,将项目名和发布时间左右分开。
方法1:
思路是直接将时间放到一个行内元素里,然后将这个元素右浮动。
如:<li><span>(2009-01-01)</span>[媒体播放] KMPlayer
2.9.3.1428 中文正式版 </li>
只要将 li span{float:right;},然后 li{width:200 ......
比如:
<div class="row" id="form_domain_container">
<label for="domain">域名:</label>
<input name="domain" value="<{$do->domain_name|escape}>" type="text" id="domain" size="35" maxlength= ......
在进行div+css网页布局的时候,不可避免的需要插入一定的表单元素,input是其中最常见的一种。我们在布局中,常会遇到文本输入框与同处一行的文本不对齐的问题。这个问题设置input的vertical-align:middle属性来解决。
我们来看下面的例子,如何解决文本输入框与文本对齐的问题!
<!DOCTYPE html PUBLIC "-//W3C//DTD ......