-
scroll事件scroll([data],fn),$(window).scroll(function(){/*……*/});，scrollTop属性，offset()方法查看全部
-
outerHeight()函数用于获取当前匹配元素的外高度。 外高度默认包括元素的内边距(padding)、边框(border)，但不包括外边距(margin)部分的高度。你也可以指定参数为true，以包括外边距(margin)部分的高度。如下图： jQuery-outerHeight-schematic-diagram.png 如果你要获取其它情况的高度，请使用height()和innerHeight()，你可以点此查看三者之间的区别。 该函数属于jQuery对象(实例)，并且对不可见的元素依然有效。查看全部
-
设置css样式 div.box{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;} div.box span{color:#999;font-style:italic;} div.content{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;} li{padding:10px;} .red{color:red;} 编写jquery代码 $(function(){ $("li").click(function() { $(this).addClass('red'); // 设置被点击元素为红色 $(this).siblings('li').removeClass('red'); // 去除所有同胞元素的红色样式 }) }) 观察效果 点击李子，李子呈红色，其余li元素正常 然后点击荔枝，荔枝成红色，其余元素包括此前红色的李子都变成常规颜色查看全部
-
$(window).ready(function() { $("#menu li").each(function(){ $(this).click(function(){ $(document).off("scroll") var i = $(this).index(); $("body,html").animate({ scrollTop : $(".item" ).eq(i).offset().top +'px' },function(){ $(document).on("scroll",scroll) }) $(this).find("a").addClass("current"); $(this).siblings().find("a").removeClass("current") }) }); function scroll(){ $(document).scroll(function(){ var theT = $(this).scrollTop(); var count = Math.floor(theT/$("#item1").outerHeight()); $("#menu a").removeClass("current"); $("#menu a").eq(count).addClass("current"); }) } scroll(); })查看全部
-
<script type="text/javascript"> $(document).ready(function () { $(window).scroll(function () { var items = $("#content").find(".item"); var menu = $("#menu"); var top = $(document).scrollTop(); var currentId; //滚动条现在所在位置的item id items.each(function () { var m = $(this); //注意：m.offset().top代表每一个item的顶部位置 if (top > m.offset().top - 300) { currentId = "#" + m.attr("id"); } else { return false; } }); var currentLink = menu.find(".current"); if (currentId && currentLink.attr("href") != currentId) { currentLink.removeClass("current"); menu.find("[href="+currentId+"]").addClass("current"); } }); }); </script>查看全部
-
一、语法 1、 返回偏移坐标 $(selector).offset(); top: $(selector).offset().top; left: $(selector).offset().left; 2、设置偏移坐标： $(selector).offset({top:value,left:value}); 参数的含义：{top:value,left:value} 当设置偏移时是必需的。规定以像素为单位的 top 和 left 坐标。 可能的值：(1)、名/值对，比如 {top:100,left:100} ， (2)、一个带有 top 和 left 的对象（实例） 3、使用函数设置偏移坐标： $(selector).offset(function(index,currentoffset)); 可选。规定返回包含 top 和 left 坐标的对象的函数。 index - 返回集合中元素的 index 位置。 currentoffset - 返回被选元素的当前坐标。查看全部
-
参数 描述 name 属性名称 properties 属性的“名/值对”对象 key,value 属性名称，属性值 key,function(index, attr) 1:属性名称。 2:返回属性值的函数,第一个参数为当前元素的索引值，第二个参数为原先的属性值。 例子 1 返回文档中所有图像的src属性值。 # jQuery 代码: $("img").attr("src"); 为所有图像设置src和alt属性。 # jQuery 代码: $("img").attr({ src: "test.jpg", alt: "Test Image" }); 为所有图像设置src属性。 # jQuery 代码: $("img").attr("src","test.jpg"); 把src属性的值设置为title属性的值。 # jQuery 代码: $("img").attr("title", function() { return this.src });查看全部
-
alt 属性用来为图像定义一串预备的可替换的文本。替换文本属性的值是用户定义的<img src="boat.gif" alt="Big Boat">在浏览器无法载入图像时，替换文本属性告诉读者她们失去的信息。此时，浏览器将显示这个替代性的文本而不是图像。为页面上的图像都加上替换文本属性是个好习惯，这样有助于更好的显示信息，并且对于那些使用纯文本浏览器的人来说是非常有用的。查看全部
-
zencoding插件，sublime也行的查看全部
-
ul>li*5>a按Tab查看全部
-
sublime text的整列编辑的快捷键 鼠标中键。（或者shift + 鼠标右键）查看全部
-
jquery通过id筛选要比通过class筛选快的多查看全部
-
特效 ︿(￣︶￣)︿查看全部
-
这里很好 我要继续学习知识查看全部
-
ul>li*5>a按Tab查看全部
举报
0/150
提交
取消