html⿏标形状箭头,CSS各种⿏标样式介绍
⼤家否曾注意到有些⽹站的⿏标不是规则的斜向上箭头的形状，⽽是⼗字形，或者是向左的箭头，或者是个问号等等。当你想在⽹页的不同位置让⿏标显⽰不 同形状，以体现不同的功能区；当你想让你的⽹站体现与众不同的风格时，考虑⼀下在⿏标样式上下功夫吧。其实⿏标样式的⽤途还是极为⼴泛的，那么怎样才能实 现⿏标的不同样式呢? 这就要⽤到css层叠样式表中的cursor属性了。
cursor的属性：
pointer：⼿型
crosshair：⼗字型
text：平时⿏标移动到⽂本上的样式
wait：等待的效果
default：默认的那种效果
help：带问号的⿏标样式
e-resize：向右的箭头
ne-resize：向右上⽅的箭头
n-resize：向上的箭头
nw-resize：向左上⽅的箭头
w-resize：向左的箭关
sw-resize：向左下的箭头
s-resize：向下的箭头
se-resize：向右下⽅的箭头
auto：系统⾃动的效果
hack:{cursor:pointer;cursor:hand;}
再⽐如以下 JavaScript 代码：
function evalPage(j)
{
var div = ateElement('div');
var html = ?'';
div.innerHTML = html;
div.style.cursor = 'pointer';
div.style.marginBottom = '7px';
div.style.display = 'inline';
return div;
}
就是将⿏标移动到某个 div 上变成⼿形。
顺便给出 viewpage() 函数的代码
function viewpage(p)
{
css鼠标点击样式if(window.XMLHttpRequest)
{
var xmlReq = new XMLHttpRequest();
}
else if(window.ActiveXObject)
{
var xmlReq = new ActiveXObject('Microsoft.XMLHTTP');
}
var formData = "pg="+p;
{
adyState == 4)
{
//sponseText);
//ElementById('content2').innerHTML = sponseText; sponseText);
}
}
xmlReq.open("post", "genxml.php", true);
xmlReq.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); xmlReq.send(formData);
return false;
}

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。