100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > 基于jQuery的的一个隔行变色 鼠标移动变色的小插件【jquery】

基于jQuery的的一个隔行变色 鼠标移动变色的小插件【jquery】

时间:2021-09-22 06:45:24

相关推荐

基于jQuery的的一个隔行变色 鼠标移动变色的小插件【jquery】

web前端|js教程

jQuery,隔行变色

web前端-js教程

table HTMLElement效果

极速28源码,Vscode自制配色,ubuntu操作指令,tomcat项目管理,sqlite 导入 txt,joomla服务器,酷开插件,前端开源框架名单,学爬虫需要掌握哪些知识学习爬虫,Php换语言,广州seo好找工作吗,网站模版自适应,网页 按钮被隐藏了,微信oa办公模板,手机页面上的音乐怎么恢复,项目协同管理系统,java 笑脸程序下载lzw

var br_cc = (function(){

var setEffect = function(els,params){

var settings = {"c1":"#eee","c2":"#ccc","c3":"#f00"};

$.extend(settings,params);

els.each(function(i){

var self = $(this);

if(i%2==0){

this._bg = settings.c1;

}else{

this._bg = settings.c2;

}

self.css({"background-color":this._bg,"cursor":"pointer"});

self.mouseover(function(){

self.css("background-color",settings.c3);

});

self.mouseout(function(){

self.css("background-color",this._bg);

});

});

};

var cc_table = function(params){

params = params || {};

var box = params.box?$("#"+params.box):$("body").eq(0);

setEffect(box.find("tr"));

};

var cc_div = function(params){

params = params || {};

var box = params.box?$("#"+params.box):$("body").eq(0);

var els = params.tagClass?box.find("."+settings.tagClass):box.find("div");

setEffect(els);

};

return {"cc_tb":cc_table,"cc_div":cc_div};

})();

$(document).ready(function(){

_tb({"box":"stu-datas-tb"});

_div({"box":"stu-datas-div"});

});

使用非常简单,就不多废话了。有需要的朋友直接拿去。别忘了顶哈。

table和div的数据表示Html结构:

app社区源码,ubuntu中有什么包,tomcat内存只涨不降,爬虫状态101, php框架,重庆百度霸屏seo软件lzw

table HTMLElement效果

div HTMLElement效果

1李倩20女

1李倩20女

易语言qq空间背景音乐源码,vscode字符间距,ubuntu运行程序没反应,tomcat7.0.90,sqlite数据如何保存,webkit插件,前端流行的js框架,海南爬爬虫图片,php扩展curl,seo入门视频教程seo顾问,空包在线网站源码,网页有序列表样式,咖啡 dedecms 模板,asp程序的源代码下载lzw

1李倩20女

1李倩20女

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。