解讀利用PHP JavaScript打造AJAX搜索窗的方法(5)_PHP教程
推薦:解析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 |
該元素被放置在距右邊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 |
這個(gè)元素不要求使用CSS屬性�,F(xiàn)有屬性僅用于定義結(jié)果欄并且使它比較容易讀取。背景顏色是一個(gè)淺藍(lán)色并且圍繞邊緣有5個(gè)像素的填充。當(dāng)然,你能夠定制加載消息的風(fēng)格:
| 以下為引用的內(nèi)容:
.ajaxWebSearchResults div |
這個(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 |
唯一要求的屬性是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ì)笑掉大牙才好,還希
- PHPNOW安裝Memcached擴(kuò)展方法詳解
- php記錄頁(yè)面代碼執(zhí)行時(shí)間
- PHP中獎(jiǎng)概率的抽獎(jiǎng)算法程序代碼
- apache設(shè)置靜態(tài)文件緩存方法介紹
- php對(duì)圖像的各種處理函數(shù)代碼小結(jié)
- PHP 關(guān)于訪問(wèn)控制的和運(yùn)算符優(yōu)先級(jí)介紹
- 關(guān)于PHP語(yǔ)言構(gòu)造器介紹
- php/js獲取客戶端mac地址的實(shí)現(xiàn)代碼
- php5.5新數(shù)組函數(shù)array_column使用
- PHP preg_match的匹配多國(guó)語(yǔ)言的技巧
- php 中序列化和json使用介紹
- php采集文章中的圖片獲取替換到本地
PHP教程Rss訂閱編程教程搜索
PHP教程推薦
- PHP讀取漢字點(diǎn)陣數(shù)據(jù)
- 讓我們來(lái)編寫(xiě)一些PHP實(shí)用的腳本
- php 判斷數(shù)組是幾維數(shù)組
- 《PHP設(shè)計(jì)模式介紹》第四章 單件模式
- PHP register_shutdown_function函數(shù)的深入解析
- 動(dòng)態(tài)網(wǎng)頁(yè)制作PHP中的Cookies
- PHP和MYSQL制作動(dòng)態(tài)網(wǎng)站開(kāi)發(fā)經(jīng)驗(yàn)之談
- 菜鳥(niǎo)學(xué)習(xí):動(dòng)態(tài)網(wǎng)頁(yè)P(yáng)HP基礎(chǔ)學(xué)習(xí)筆記
- PHP技巧:詳解phplib模板使用過(guò)程及運(yùn)行原理
- 使用Xdebug優(yōu)化你的php程序
- 相關(guān)鏈接:
- 教程說(shuō)明:
PHP教程-解讀利用PHP JavaScript打造AJAX搜索窗的方法(5)
。