JS + JQ 效果(笔记)

原创 Smart_Nan 随笔 待整理 875阅读 2014-08-28 10:20:49 举报

#####1. Div高度为“浏览器”高度减去73px [backcolor=rgb(255, 250, 205)] $(".silder").css("height", $(window).height() - 73);[/bgcolor]


#####2. 去除链接 以及input点击时的虚线框,防止点击input产生虚线框
[backcolor=rgb(255, 250, 205)]###############1.直接在<input>内加入 onFocus=”this.blur()”,就可以了[/bgcolor]##### 2.在js中,$(“input”).focus(function(){ this.blur(); });##### $(“a ”).focus(function(){ this.blur(); });##### $(“input:checkbox”).focus(function(){ this.blur(); });##### 3.css中。blr:expression(this.onFoucs=this.blur());

#####3. 一个简单通用的 tab面板[backcolor=rgb(255, 250, 205)]########## html :[/bgcolor][backcolor=rgb(255, 250, 205)]##### <ul[/bgcolor]##### id="tab_ul"[color=rgb(47, 79, 79)][backcolor=rgb(255, 250, 205)]#####>[/bgcolor][/color][backcolor=rgb(255, 250, 205)]##### <li><a>1</a></li>[/bgcolor][backcolor=rgb(255, 250, 205)]##### <li><a>2</a></li>[/bgcolor][backcolor=rgb(255, 250, 205)]##### </ul>[/bgcolor]##### <div class="newstabs_div" id="newstabs_div">#####[backcolor=rgb(255, 250, 205)]#####<div class="newstabs_box1">11111内容</div> [/bgcolor][backcolor=rgb(255, 250, 205)]##########<div class="newstabs_box1">22222内容</div> [/bgcolor][color=rgb(47, 79, 79)][backcolor=rgb(255, 250, 205)]##### </div>[/bgcolor][/color][color=rgb(47, 79, 79)][backcolor=rgb(255, 250, 205)]#####[/bgcolor][/color]##### js:#####//---------以下是tab面板(aon为点击li之后变幻的样式。)$(document).ready(function() { jQuery.jqtab = function(tabtit,newstabs_div,shijian) { $(newstabs_div).find("newstabs_box1").hide(); $(tabtit).find("li a:first").addClass("aon").show(); $(newstabs_div).find("newstabs_box1:first").show(); $(tabtit).find("a").bind(shijian,function(){ $(this).addClass("aon").parent("li").siblings("li").children("a").removeClass("aon"); var activeindex = $(tabtit).find("a").index(this); $(newstabs_div).children().eq(activeindex).show().siblings().hide(); return false; }); }; /调用方法如下:/ $.jqtab("#tab_ul","#newstabs_div","click"); $.jqtab("#tab_ul2","#newstabs_div2","mouseenter"); });

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复