日韩天天综合网_野战两个奶头被亲到高潮_亚洲日韩欧美精品综合_av女人天堂污污污_视频一区**字幕无弹窗_国产亚洲欧美小视频_国内性爱精品在线免费视频_国产一级电影在线播放_日韩欧美内地福利_亚洲一二三不卡片区

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

編輯Tag賺U幣
教程Tag:暫無(wú)Tag,歡迎添加,賺取U幣!

推薦:解析PHP CSS實(shí)現(xiàn)打印簡(jiǎn)單數(shù)據(jù)報(bào)表功能
PHP CSS實(shí)現(xiàn)打印簡(jiǎn)單數(shù)據(jù)報(bào)表功能 功能:實(shí)現(xiàn)打印日?qǐng)?bào)表的功能,定義了專(zhuān)門(mén)的打印樣式,隱藏了不該打印的控件并實(shí)現(xiàn)了分頁(yè)打印功能,表名:rec 字段:rec_id,rec_po,rec_part,rec_plant

如前面所述,該關(guān)閉鏈接的位置是絕對(duì)的:

以下為引用的內(nèi)容:

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

該元素被放置在距右邊5個(gè)像素,距頂部3個(gè)像素的位置(該元素被放在右上角)。這個(gè)鏈接沒(méi)有任何文本修飾并且顏色呈白色。當(dāng)用戶的鼠標(biāo)停在該鏈接上時(shí),文本顏色變紅。

注意,這里沒(méi)有使用訪問(wèn)過(guò)的或活動(dòng)的"假"類(lèi)。這是因?yàn)樵摯翱诳偸呛雎赃@個(gè)鏈接的href屬性(它已經(jīng)在它的事件處理器中返回了false)。因此,該鏈接從來(lái)不會(huì)真正處于活動(dòng)或被訪問(wèn)狀態(tài)。

然后,ajaxWebSearchResults類(lèi)使結(jié)果欄的風(fēng)格如下:

以下為引用的內(nèi)容:

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

這個(gè)元素不要求使用CSS屬性�,F(xiàn)有屬性僅用于定義結(jié)果欄并且使它比較容易讀取。背景顏色是一個(gè)淺藍(lán)色并且圍繞邊緣有5個(gè)像素的填充。當(dāng)然,你能夠定制加載消息的風(fēng)格:

以下為引用的內(nèi)容:

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

這個(gè)元素沒(méi)有一個(gè)類(lèi)名,但是你仍然能夠通過(guò)使用前面的示例中展示的parent child標(biāo)志控制它的風(fēng)格。這個(gè)示例把文本放置在<div/>元素的中央,并且給它一個(gè)加粗藍(lán)色的字體,且有14個(gè)像素高。

最后一個(gè)你需要風(fēng)格化的元素是結(jié)果鏈接。這些鏈接有一個(gè)類(lèi)名叫ajaxWebSearchLink:

以下為引用的內(nèi)容:

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

唯一要求的屬性是display屬性(被設(shè)置為block)。這使每一個(gè)鏈接都能夠在它自己的行上顯示。填充空白部分大約有兩個(gè)像素寬,使各個(gè)鏈接之間分開(kāi)一些,從而使它們更易于讀取。字體名為T(mén)ahoma并且有12像素高。它們的顏色是暗藍(lán)色,與ajaxWebSearchResults的淺藍(lán)色背景形成對(duì)照。

當(dāng)用戶在這些鏈接上移動(dòng)鼠標(biāo)時(shí),背景顏色被設(shè)置為藍(lán)色,而文本顏色改變?yōu)榘咨?/p>

在前面的代碼的最后一條規(guī)則中訪問(wèn)過(guò)的"假"類(lèi)被設(shè)置。這是為了給用戶提供用戶接口暗示-它們已經(jīng)被使用過(guò)。通過(guò)把訪問(wèn)過(guò)的"假"類(lèi)設(shè)置為顯示一種紫色,用戶就可以知道它們已經(jīng)訪問(wèn)過(guò)那個(gè)鏈接,從而節(jié)省他們的時(shí)間-不必再訪問(wèn)一個(gè)他們可能不想看的頁(yè)面。

現(xiàn)在,讓我們來(lái)看一下如何實(shí)現(xiàn)搜索框。

分享:解析PHP技術(shù):txtSQL安裝手冊(cè)中文版
txtsql的最大優(yōu)點(diǎn)之一是文檔很詳細(xì),可惜,我在網(wǎng)上找了半天也找不到中文版的文檔,所以只好自己動(dòng)手,利人利已吧,不過(guò)自己的E文水平自己是很清楚的,希望大家看了不會(huì)笑掉大牙才好,還希

來(lái)源:模板無(wú)憂//所屬分類(lèi):PHP教程/更新時(shí)間:2009-09-17
相關(guān)PHP教程