實現google的下拉列表效果

2022-02-20 02:36:17 字數 1570 閱讀 3704

最簡做了個實現google下拉效果的程式,這樣的程式網上挺多,但是**不少,需要慢慢看。這裡貼一下我的,這個**借鑑 的部落格的**,做了一下必要的修改。

1 js**,這個**主要是對於下拉列表的生成和操作,以及呼叫ajax介面

var menufocusindex;  //當前選中行

var arrylist;//當前返回陣列

var resultlength=0;//當前陣列長度

function getposition(obj)//獲取當前操作座標

while ( obj = obj.offsetparent );     

var arr = new array();     

arr[0] = top;

arr[1] = left;   

return arr;   

}function createmenubody(resultlist)//根據返回陣列生成div中行

else

resultlength=j;

if(j-1 >0)

else

}function forcemenuitem(index)//div中顏色變化

var menuitem = document.getelementbyid("menuitem" + index);

if (menuitem == null)

else

}function givnumber(index)//滑鼠事件對應文字框賦值

function givnumberbykey(index)//按鍵事件對應文字框賦值

function catchkeyboard()//按鍵事件

else if(menufocusindex==resultlength-1)//當焦點超出界限時跳轉到第乙個主體

else

}else if(keynumber=='38')//向上

else }

else if(keynumber=='13')

}function displayuserinformation()//ajax方法呼叫

else }

}function pareseresulttext()//ajax方法獲取

}function createuserinfo(objresult)//ajax方法陣列接收

}} 2 公用js的ajax物件,由上一部分**呼叫

////公用ajax請求物件

//var ajax = ,

request:

function(url,onload,onerror,

senddata,datatype,requesttype,callbackguid),

procsubmit :

function(url,fromid,oncallback,onerror,callbackguid)

str += "'})";

endresponse(str);

}private void endresponse(string val)

至此google的下拉功能大致實現,至於後台搜尋關鍵字的方法當然是隨便寫的。

iOS下拉列表效果實現

控制項的屬性以及介面 主按鈕 可以自定義樣式 可在.m檔案中修改預設的一些屬性 property nonatomic,strong uibutton mainbtn property nonatomic,assign id delegate 下拉列表中的選項標題以及選項高度的設定 一些其他具體樣式的...

下拉列表聯動效果

function function log success function obj 1,介面請求方式 post get 2,產品編號讀取資料修改 get傳參 通過生產線拉取對應產品編號 admin f kiln operating table get product number route f ...

下拉列表的過渡效果

html結構 必須是這種結構,思路就是通過控制第二個盒子 在這兒是ul 的高度,實現上拉,下拉的效果,這兒只需要將設定為overflow hidden 再結合css3過渡就可以實現 方法1 當ul有固定高度,這時可以為ul新增class,然後再結合transition實現過渡 這是關鍵的css 這是...