解讀利用PHP JavaScript打造AJAX搜索窗的方法(5)_PHP教程
推薦:解析PHP CSS實(shí)現(xiàn)打印簡單數(shù)據(jù)報(bào)表功能PHP CSS實(shí)現(xiàn)打印簡單數(shù)據(jù)報(bào)表功能 功能:實(shí)現(xiàn)打印日報(bào)表的功能,定義了專門的打印樣式,隱藏了不該打印的控件并實(shí)現(xiàn)了分頁打印功能,表名:rec 字段:rec_id,rec_po,rec_part,rec_plant
如前面所述,該關(guān)閉鏈接的位置是絕對的:
| 以下為引用的內(nèi)容:
a.ajaxWebSearchCloseLink |
該元素被放置在距右邊5個(gè)像素,距頂部3個(gè)像素的位置(該元素被放在右上角)。這個(gè)鏈接沒有任何文本修飾并且顏色呈白色。當(dāng)用戶的鼠標(biāo)停在該鏈接上時(shí),文本顏色變紅。
注意,這里沒有使用訪問過的或活動的"假"類。這是因?yàn)樵摯翱诳偸呛雎赃@個(gè)鏈接的href屬性(它已經(jīng)在它的事件處理器中返回了false)。因此,該鏈接從來不會真正處于活動或被訪問狀態(tài)。
然后,ajaxWebSearchResults類使結(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è)元素沒有一個(gè)類名,但是你仍然能夠通過使用前面的示例中展示的parent child標(biāo)志控制它的風(fēng)格。這個(gè)示例把文本放置在<div/>元素的中央,并且給它一個(gè)加粗藍(lán)色的字體,且有14個(gè)像素高。
最后一個(gè)你需要風(fēng)格化的元素是結(jié)果鏈接。這些鏈接有一個(gè)類名叫ajaxWebSearchLink:
| 以下為引用的內(nèi)容:
a.ajaxWebSearchLink |
唯一要求的屬性是display屬性(被設(shè)置為block)。這使每一個(gè)鏈接都能夠在它自己的行上顯示。填充空白部分大約有兩個(gè)像素寬,使各個(gè)鏈接之間分開一些,從而使它們更易于讀取。字體名為Tahoma并且有12像素高。它們的顏色是暗藍(lán)色,與ajaxWebSearchResults的淺藍(lán)色背景形成對照。
當(dāng)用戶在這些鏈接上移動鼠標(biāo)時(shí),背景顏色被設(shè)置為藍(lán)色,而文本顏色改變?yōu)榘咨?/p>
在前面的代碼的最后一條規(guī)則中訪問過的"假"類被設(shè)置。這是為了給用戶提供用戶接口暗示-它們已經(jīng)被使用過。通過把訪問過的"假"類設(shè)置為顯示一種紫色,用戶就可以知道它們已經(jīng)訪問過那個(gè)鏈接,從而節(jié)省他們的時(shí)間-不必再訪問一個(gè)他們可能不想看的頁面。
現(xiàn)在,讓我們來看一下如何實(shí)現(xiàn)搜索框。
分享:解析PHP技術(shù):txtSQL安裝手冊中文版txtsql的最大優(yōu)點(diǎn)之一是文檔很詳細(xì),可惜,我在網(wǎng)上找了半天也找不到中文版的文檔,所以只好自己動手,利人利已吧,不過自己的E文水平自己是很清楚的,希望大家看了不會笑掉大牙才好,還希
- PHPNOW安裝Memcached擴(kuò)展方法詳解
- php記錄頁面代碼執(zhí)行時(shí)間
- PHP中獎(jiǎng)概率的抽獎(jiǎng)算法程序代碼
- apache設(shè)置靜態(tài)文件緩存方法介紹
- php對圖像的各種處理函數(shù)代碼小結(jié)
- PHP 關(guān)于訪問控制的和運(yùn)算符優(yōu)先級介紹
- 關(guān)于PHP語言構(gòu)造器介紹
- php/js獲取客戶端mac地址的實(shí)現(xiàn)代碼
- php5.5新數(shù)組函數(shù)array_column使用
- PHP preg_match的匹配多國語言的技巧
- php 中序列化和json使用介紹
- php采集文章中的圖片獲取替換到本地
PHP教程Rss訂閱編程教程搜索
PHP教程推薦
- PHP讀取漢字點(diǎn)陣數(shù)據(jù)
- 讓我們來編寫一些PHP實(shí)用的腳本
- php 判斷數(shù)組是幾維數(shù)組
- 《PHP設(shè)計(jì)模式介紹》第四章 單件模式
- PHP register_shutdown_function函數(shù)的深入解析
- 動態(tài)網(wǎng)頁制作PHP中的Cookies
- PHP和MYSQL制作動態(tài)網(wǎng)站開發(fā)經(jīng)驗(yàn)之談
- 菜鳥學(xué)習(xí):動態(tài)網(wǎng)頁P(yáng)HP基礎(chǔ)學(xué)習(xí)筆記
- PHP技巧:詳解phplib模板使用過程及運(yùn)行原理
- 使用Xdebug優(yōu)化你的php程序
- 相關(guān)鏈接:
- 教程說明:
PHP教程-解讀利用PHP JavaScript打造AJAX搜索窗的方法(5)
。