close
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<style type="text/css">
body{
width: 100%;
height: 100vh;
}
</style>
</head>
<body>
<button id="ct">cursor:text</button>
<button id="cp">cursor:progress</button>
<button id="cw">cursor:wait</button> <br>
<button id="cc">cursor:crosshair</button>
<button id="ch">cursor:help</button>
<button id="cm">cursor:move</button> <br>
<button id="cn">cursor:n-resize（北）</button>
<button id="cws">cursor:w-resize（西）</button> <br>
<button id="cnw">cursor:nw-resize（北西）</button>
<button id="csw">cursor:sw-resize（南西）</button>
<script type="text/javascript">
$('#ct').click(function(){
$('body').css('cursor','text');
});
$('#cp').click(function(){
$('body').css('cursor','progress');
});
$('#cw').click(function(){
$('body').css('cursor','wait');
});
$('#cc').click(function(){
$('body').css('cursor','crosshair');
});
$('#ch').click(function(){
$('body').css('cursor','help');
});
$('#cm').click(function(){
$('body').css('cursor','move');
});
$('#cn').click(function(){
$('body').css('cursor','n-resize');
});
$('#cws').click(function(){
$('body').css('cursor','w-resize');
});
$('#cnw').click(function(){
$('body').css('cursor','nw-resize');
});
$('#csw').click(function(){
$('body').css('cursor','sw-resize');
});
</script>
</body>
</html>
全站熱搜
留言列表
伺服器架設 (1)
