有财神的捕鱼游戏叫什么名字

書名： Java Web開發實例大全（基礎卷） (軟件工程師開發大系)
作者名：軟件開發技術聯盟
本章字數： 777字
更新時間： 2021-03-26 13:01:21

3.3 鼠標樣式

在設計網頁時，為了使網頁看上去更加美觀，并且能夠吸引瀏覽者，通常會設計鼠標指針的特效，針對不同的操作，可以顯示不同樣式的鼠標指針形狀。下面將通過幾個例子來介紹如何改變鼠標的樣式。

實例069 顯示自定義的鼠標形狀

光盤位置：光盤\MR\03\069

初級

實用指數：

實例說明

運行本實例，如圖3.18所示，當鼠標指針經過按鈕、表格以及超鏈接時，鼠標指針會變為不同的形狀，當移出時會恢復初始狀態。

圖3.18 顯示自定義的鼠標形狀

關鍵技術

本實例主要通過在CSS樣式中，設置cursor的屬性值來實現不同的鼠標指針形狀，cursor屬性有多種屬性值，每個值都代表一個不同形狀的鼠標形狀，具體的屬性及說明如表3.7所示。

表3.7 cursor屬性及說明

設計過程

（1）新建index.htm網頁，在該頁的<style>標簽中分別編寫表格、超鏈接、單元格以及按鈕的CSS樣式，關鍵代碼如下：

        <style type="text/css">
        table{
              font-size:12px;
        background-color:activecaption;
        cursor:crosshair;
    }
    a{
        cursor:help;
    }
    td{
        cursor:text;
    }
    .btn{
        font-size:12px;
        cursor:hand;
    }
    </style>

（2）在頁面中添加表格、超鏈接和按鈕等，關鍵代碼如下：

        <body >
        <table  border="0">
          <tr height="30">
            <td align="center">圖書編號</td><td align="center">圖書名稱</td>
            <td align="center">作者</td><td align="center">圖書價格</td>
          </tr>
          <tr>
            <td >001</td>
            <td>
                  <a href="#">《JavaWeb范例大全》</a>
            </td>
            <td >明日科技</td><td >98.00元</td>
          </tr>
          <tr>
            <td>002</td>
            <td><a href="#"> 《Struts2深入詳解》</a></td>
            <td>孫鑫</td><td>79.00元</td>
          </tr>
        </table>
        <input type="button"value="提交"class="btn"/>
        </body>

秘笈心法

鼠標指針cursor屬性經常被用在按鈕和圖片上，當鼠標指針經過按鈕時，通常會設置cursor屬性值為hand，將指針形狀變成手形，這樣更符合實際需求。相對而言，cursor屬性的其他屬性值并不常用。

實例070 動畫光標

光盤位置：光盤\MR\03\070

初級

實用指數：

實例說明

在瀏覽一些個性網站時，如博客、QQ空間，其網站中的光標常常采用動畫光標，這樣可以突出網站的個性風格。本實例將介紹如何在網頁中加入動畫光標，運行本實例，當鼠標在頁面工作區內時，將光標改變成指定的動畫效果。

關鍵技術

本實例主要通過在CSS樣式中設置cursor的url屬性來實現，url表示一個動態光標的文件路徑，一般動態光標是一個．ani文件。

設計過程

新建index.htm網頁，在該頁的<style>標簽內編寫動態光標的CSS樣式，關鍵代碼如下：

        <style type="text/css">
        body{
              cursor:url('g.ani');
        }
        </style>

秘笈心法

目前，有很多種制作動畫光標的工具，這些工具在網站上都可以找到，使用這些工具可以制作出自己喜愛的各種樣式的光標。

官术网_书友最值得收藏!

Java Web開發實例大全（基礎卷） (軟件工程師開發大系)

3.3 鼠標樣式

實例069 顯示自定義的鼠標形狀

實例070 動畫光標