jquery 實現郵箱輸入自動提示功能

2022-05-05 23:21:15 字數 1941 閱讀 7592

郵箱的廣泛使用得益於它的免費,因此很多**在註冊的時候都會直接使用郵箱作為賬號名

為了提高使用者的體驗,很多**都會實現郵箱輸入的自動提示功能,所有自己也實現了乙個,先看下效果吧,覺得效果還行的就拿去

核心**(需要jquery的支援):

(function

($);

var settings = $.extend({}, defaults, options ||{});

//頁面裝載css樣式

}var cb = settings.boxclass, cl = settings.listclass, cf = settings.focusclass, cm = settings.markcalss; //

外掛程式的class變數

var z = settings.zindex, newarr = mailarr = settings.mailarr, hint = settings.texthint, text = settings.hinttext, fc = settings.focuscolor, bc =settings.blurcolor;

//建立郵件內部列表內容

$.createhtml = function

(str, arr, cur)

else

});}

return

mailhtml;

};//一些全域性變數

var index = -1, s;

$(this).each(function

()

var w = that.outerwidth(), h = that.outerheight(); //

獲取當前物件(即文字框)的寬高

//樣式的初始化

that.wrap('')

.before('

');

var x = $("#maillistbox_" + i), livevalue; //

列表框物件

that.focus(function

() }

//鍵盤事件

$(this).keyup(function

(e)

if(v.length > 0)

index--;

}else

if(e.keycode === 40)

index++;

}else

if(e.keycode === 13)

}else

});}

else

}x.html($.createhtml(s, newarr, index)).css("left", 0);

if(e.keycode === 13)}}

else

}).blur(

function

() }

$(this).css("color", bc).unbind("keyup").parent().css("z-index",0);

x.css("left", "-6000px");

});

//滑鼠經過列表項事件

//滑鼠經過

$(".mailhover").live("mouseover", function

());

});x.bind("mousedown", function

());

});};

})(jquery);

頁面(這裡就取乙個div做例項):

還有點css,這個可能需要大家自己修改成自己想要的色調

jQuery實現輸入郵箱位址自動提示

正所謂一圖勝千言,參見下面的截圖 介紹中不允許上圖 sorry 1 此外掛程式為寬度自適應的,也就是當內部文字過長時,外部的div會寬度自動延伸的。在自定義css時如果設定了寬度值,則在非ie6瀏覽器下,寬度自適應失效 2 無需在樣式中為最外部的box設定position屬性 正所謂 一圖勝千言 參...

sudo 提權時自動輸入密碼

嗯哼,辦法是有的。目前找到兩種解決方案,方案一親測有效,方案二未試過,僅做記錄。方案一 有的應用自帶選項,可以直接從標準輸入讀入資料,這時候只需要結合管道就好了。比如sudo的 s引數,以及passwdde stdin引數。舉個例子,使用該方法執行netease cloud music。使用sudo...

jQuery 郵箱下拉列表自動補全

博主原創 如有 寫的不完善的地方還望大家多多指教。html 很簡單,我們就乙個簡單的輸入框,然後乙個ul標籤,在內部可以放好多li標籤。以上便是html 在css中,定義也比較簡單,其中有乙個 lilight 的 class,可以使背景變色,通過 remove 和 add 這個 class,我們可以...