jquery自定义插件
2017-08-23 00:00
183 查看
/*------------------------------------------------------------/ 功能:设置列表中表项获取鼠标焦点时的背景色 参数:li_col【可选】 鼠标所在表项行的背景色 返回:原调用对象 示例:$("ul").focusColor("red"); /------------------------------------------------------------*/ ; (function($) { $.fn.extend({ "focusColor": function(li_col) { var def_col = "#ccc"; //默认获取焦点的色值 var lst_col = "#fff"; //默认丢失焦点的色值 //如果设置的颜色不为空,使用设置的颜色,否则为默认色 li_col = (li_col == undefined) ? def_col : li_col; $(this).find("li").each(function() { //遍历表项<li>中的全部元素 $(this).mouseover(function() { //获取鼠标焦点事件 $(this).css("background-color", li_col); //使用设置的颜色 }).mouseout(function() { //鼠标焦点移出事件 $(this).css("background-color", "#fff"); //恢复原来的颜色 }) }) return $(this); //返回jQuery对象,保持链式操作 } }); })(jQuery);
相关文章推荐
- jquery自定义插件开发总结
- Jquery插件Thickbox的使用总结及自定义设置
- jQuery自定义插件
- 一款用于表格数据自定义排序的jQuery插件jquery.tablesortable.js(附ajax例子)
- jQuery自定义插件入门实例1
- 创建一个自定义 jQuery 插件
- 自定义Jquery拖拽插件
- Jquery插件之打造自定义的select标签
- jQuery自定义插件
- Jquery插件Thickbox的使用总结及自定义设置
- jquery--创建一个自定义 jQuery 插件
- jQuery自定义插件开发基础1——jQuery实用函数的实现
- jQuery学习之用自定义插件来扩展jQuery
- jQuery自定义漂亮的下拉框插件8种效果演示
- 自定义jquery插件
- jQuery一款轻量级可自定义的弹窗插件
- jQuery Validate插件自定义验证规则的方法
- jquery自定义插件来实现分页的效果
- JQuery扩展自定义插件
- 自定义jQuery插件实现分页