如何實(shí)現(xiàn)默認(rèn)顏色為灰色的聚焦方法
<body>???? ????<h2>學(xué)生姓名</h2>???? ????<ul?id="u">???????? ????????<li>小明</li>???????? ????????<li>徐奧和</li>???????? ????????<li>數(shù)據(jù)庫(kù)</li>???????? ????????<li>對(duì)進(jìn)口</li>???? ????</ul>???? ????<script?type="text/javascript">???????? ????????(function?($)?{???????????????? ????????????$.extend({???????????????????? ????????????????"foc":?function?()?{????????????????????????$ ????????????????(this).focusColor("#ccc");???????????????????? ????????????????}??????????????? ??????????????});??????????? ????????????})(jQuery);??????? ????????$(function(){???????????? ????????????$("#u").foc();????????? ???????????});???? ?????</script> </body>
想自定義一個(gè)方法foc(),來(lái)代替jQuery("#ccc")方法,來(lái)實(shí)現(xiàn)默認(rèn)顏色為灰色的聚焦方法,這個(gè)自定義方法應(yīng)該怎么寫。
2019-06-23
(function($)
{
??? $.extend(
??? {
??????? "focusColor":function(id)
??????? {
??????????? var de_col="#fff";
??????????? var mo_col="#ccc";
??????????? $("#id").find("li").each(function()
??????????? {
??????????????? $(this).mouseover(function()
??????????????? {
?????????????????? $(this).css("backgroundColor",mo_col);
??????????????? }).mouseout(function()
??????????????? {
???????????????????? $(this).css("backgroundColor",de_col);??
??????????????? });
??????????? });
??????? },
??? });
})(jquery);