解讀利用PHP JavaScript打造AJAX搜索窗的方法(5)_PHP教程

教程Tag：暫無Tag,歡迎添加,賺取U幣!

推薦：解析PHP CSS實現(xiàn)打印簡單數(shù)據(jù)報表功能
PHP CSS實現(xiàn)打印簡單數(shù)據(jù)報表功能功能：實現(xiàn)打印日報表的功能，定義了專門的打印樣式，隱藏了不該打印的控件并實現(xiàn)了分頁打印功能，表名：rec 字段：rec_id,rec_po,rec_part,rec_plant

如前面所述，該關閉鏈接的位置是絕對的：

以下為引用的內容：

a.ajaxWebSearchCloseLink
{
　position: absolute;
　right: 5px;
　top: 3px;
　text-decoration: none;
　color: white;
}
a:hover.ajaxWebSearchCloseLink
{
　color: red;
}

該元素被放置在距右邊5個像素，距頂部3個像素的位置（該元素被放在右上角）。這個鏈接沒有任何文本修飾并且顏色呈白色。當用戶的鼠標停在該鏈接上時，文本顏色變紅。

注意，這里沒有使用訪問過的或活動的"假"類。這是因為該窗口總是忽略這個鏈接的href屬性(它已經(jīng)在它的事件處理器中返回了false)。因此，該鏈接從來不會真正處于活動或被訪問狀態(tài)。

然后，ajaxWebSearchResults類使結果欄的風格如下：

以下為引用的內容：

.ajaxWebSearchResults
{
　background-color: #d3e5fa;
　padding: 5px;
}

這個元素不要求使用CSS屬性。現(xiàn)有屬性僅用于定義結果欄并且使它比較容易讀取。背景顏色是一個淺藍色并且圍繞邊緣有5個像素的填充。當然，你能夠定制加載消息的風格：

以下為引用的內容：

.ajaxWebSearchResults div
{
　text-align: center;
　font: bold 14px tahoma;
　color:#0a246a;
}

這個元素沒有一個類名，但是你仍然能夠通過使用前面的示例中展示的parent child標志控制它的風格。這個示例把文本放置在＜div/＞元素的中央，并且給它一個加粗藍色的字體，且有14個像素高。

最后一個你需要風格化的元素是結果鏈接。這些鏈接有一個類名叫ajaxWebSearchLink：

以下為引用的內容：

a.ajaxWebSearchLink
{
　font: 12px tahoma;
　padding: 2px;
　display: block;
　color: #0a246a;
}
a:hover.ajaxWebSearchLink
{
　color: white;
　background-color: #316ac5;
}
a:visited.ajaxWebSearchLink
{
　color: purple;
}