HTML/CSS/Style Basics/cursor

Материал из Web эксперт
Перейти к: навигация, поиск

Add customer cursor

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
                      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
    <head>
        <title>cursor</title>
        <style rel="stylesheet" type="text/css">
div {
    width: 50px;
    height: 50px;
    border: 1px solid rgb(234, 234, 234);
    margin: 5px;
    cursor: url("custom_cursor.png"), default;
    background: mistyrose;
}        
        </style>
        <!--[if ie]>
            <style type="text/css">
                div {
                    cursor: url("custom_cursor.cur"), default;
                }
            </style>
        <![endif]-->
    </head>
    <body>
        <div></div>
    </body>
</html>



Change to wait cursor

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
                      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
    <head>
        <title>cursor</title>
        <style rel="stylesheet" type="text/css">
div {
    width: 50px;
    height: 50px;
    border: 1px solid rgb(234, 234, 234);
    margin: 5px;
    cursor: wait;
    background: mistyrose;
}        
        </style>
    </head>
    <body>
        <div></div>
    </body>
</html>



Set cursor to move

 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
a:link, a:visited {
 cursor: move;  
}
</style>
</head>
<body>
<p>Text<a href=" ">link</a>, between, <a href=" ">link</a> after.</p>
  
</body>
</html>
Источник — «http://wbex.ru/index.php?title=HTML/CSS/Style_Basics/cursor&oldid=5949»