1<!DOCTYPE html> 2<html> 3 <!-- 4 Copyright (c) 2013 The Chromium Authors. All rights reserved. 5 Use of this source code is governed by a BSD-style license that can be 6 found in the LICENSE file. 7 --> 8<head> 9 <meta http-equiv="Pragma" content="no-cache"> 10 <meta http-equiv="Expires" content="-1"> 11 <title>{{title}}</title> 12 <script type="text/javascript" src="common.js"></script> 13 <script type ="text/javascript" src="example.js"></script> 14 <style> 15 embed { 16 border: 1px solid #ccc; 17 margin-top: 20px; 18 } 19 </style> 20</head> 21<body {{attrs}} data-width="400" data-height="400"> 22 <h1>{{title}}</h1> 23 <h2>Status: <code id="statusField">NO-STATUS</code></h2> 24 <p> 25 This example shows how to change the mouse cursor. Move the mouse over 26 the box below to see the mouse pointer change. 27 </p> 28 <p> 29 <em>hint: to see all of the cursors quickly, click on the select box, and 30 use the keyboard to change the current selection.</em> 31 </p> 32 <label>Cursor Type:</label> 33 <select> 34 <option value="-1">PP_MOUSECURSOR_TYPE_CUSTOM</option> 35 <option value="0">PP_MOUSECURSOR_TYPE_POINTER</option> 36 <option value="1">PP_MOUSECURSOR_TYPE_CROSS</option> 37 <option value="2">PP_MOUSECURSOR_TYPE_HAND</option> 38 <option value="3">PP_MOUSECURSOR_TYPE_IBEAM</option> 39 <option value="4">PP_MOUSECURSOR_TYPE_WAIT</option> 40 <option value="5">PP_MOUSECURSOR_TYPE_HELP</option> 41 <option value="6">PP_MOUSECURSOR_TYPE_EASTRESIZE</option> 42 <option value="7">PP_MOUSECURSOR_TYPE_NORTHRESIZE</option> 43 <option value="8">PP_MOUSECURSOR_TYPE_NORTHEASTRESIZE</option> 44 <option value="9">PP_MOUSECURSOR_TYPE_NORTHWESTRESIZE</option> 45 <option value="10">PP_MOUSECURSOR_TYPE_SOUTHRESIZE</option> 46 <option value="11">PP_MOUSECURSOR_TYPE_SOUTHEASTRESIZE</option> 47 <option value="12">PP_MOUSECURSOR_TYPE_SOUTHWESTRESIZE</option> 48 <option value="13">PP_MOUSECURSOR_TYPE_WESTRESIZE</option> 49 <option value="14">PP_MOUSECURSOR_TYPE_NORTHSOUTHRESIZE</option> 50 <option value="15">PP_MOUSECURSOR_TYPE_EASTWESTRESIZE</option> 51 <option value="16">PP_MOUSECURSOR_TYPE_NORTHEASTSOUTHWESTRESIZE</option> 52 <option value="17">PP_MOUSECURSOR_TYPE_NORTHWESTSOUTHEASTRESIZE</option> 53 <option value="18">PP_MOUSECURSOR_TYPE_COLUMNRESIZE</option> 54 <option value="19">PP_MOUSECURSOR_TYPE_ROWRESIZE</option> 55 <option value="20">PP_MOUSECURSOR_TYPE_MIDDLEPANNING</option> 56 <option value="21">PP_MOUSECURSOR_TYPE_EASTPANNING</option> 57 <option value="22">PP_MOUSECURSOR_TYPE_NORTHPANNING</option> 58 <option value="23">PP_MOUSECURSOR_TYPE_NORTHEASTPANNING</option> 59 <option value="24">PP_MOUSECURSOR_TYPE_NORTHWESTPANNING</option> 60 <option value="25">PP_MOUSECURSOR_TYPE_SOUTHPANNING</option> 61 <option value="26">PP_MOUSECURSOR_TYPE_SOUTHEASTPANNING</option> 62 <option value="27">PP_MOUSECURSOR_TYPE_SOUTHWESTPANNING</option> 63 <option value="28">PP_MOUSECURSOR_TYPE_WESTPANNING</option> 64 <option value="29">PP_MOUSECURSOR_TYPE_MOVE</option> 65 <option value="30">PP_MOUSECURSOR_TYPE_VERTICALTEXT</option> 66 <option value="31">PP_MOUSECURSOR_TYPE_CELL</option> 67 <option value="32">PP_MOUSECURSOR_TYPE_CONTEXTMENU</option> 68 <option value="33">PP_MOUSECURSOR_TYPE_ALIAS</option> 69 <option value="34">PP_MOUSECURSOR_TYPE_PROGRESS</option> 70 <option value="35">PP_MOUSECURSOR_TYPE_NODROP</option> 71 <option value="36">PP_MOUSECURSOR_TYPE_COPY</option> 72 <option value="37">PP_MOUSECURSOR_TYPE_NONE</option> 73 <option value="38">PP_MOUSECURSOR_TYPE_NOTALLOWED</option> 74 <option value="39">PP_MOUSECURSOR_TYPE_ZOOMIN</option> 75 <option value="40">PP_MOUSECURSOR_TYPE_ZOOMOUT</option> 76 <option value="41">PP_MOUSECURSOR_TYPE_GRAB</option> 77 <option value="42">PP_MOUSECURSOR_TYPE_GRABBING</option> 78 </select> 79 <div id="listener"></div> 80</body> 81</html> 82