郵箱的廣泛使用得益於它的免費,因此很多**在註冊的時候都會直接使用郵箱作為賬號名
為了提高使用者的體驗,很多**都會實現郵箱輸入的自動提示功能,所有自己也實現了乙個,先看下效果吧,覺得效果還行的就拿去
核心**(需要jquery的支援):
(function頁面(這裡就取乙個div做例項):($);
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);
還有點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,我們可以...