在线运行代码 - 代码学院 www.codexy.cn

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>代码学院(codexy.cn)</title> 
<script>
function displayResult(x){
	var whichSelected=x.selectedIndex;
	document.body.style.cursor=x.options[whichSelected].text;
}
</script>
</head>

<body>
<p>选择下面列表中的一个光标类型并且移动鼠标经过文本。</p>
<select onchange="displayResult(this);" size="17">
	<option>auto
  	<option>crosshair
  	<option>default
  	<option>crosshair
  	<option>e-resize
  	<option>help
  	<option>move
  	<option>n-resize
  	<option>ne-resize
  	<option>nw-resize
  	<option>pointer
 	<option>s-resize
  	<option>se-resize
  	<option>sw-resize
  	<option>text
  	<option>w-resize    
  	<option>wait
</select>
	
</body>
</html>
源代码

动行结果
