-
要是多一些,滚动执行一次each,开销不会很大吧查看全部
-
jQuery的各个版本都不一样,有差别,老师用的这个版本是可以兼容IE的,好晕。 拿出来收藏 <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>查看全部
-
三种方法写“当页面加载完成后执行”这一句话: 1—$(document).ready(function(){ //jq中 }); 2—$(function(){ //jq中 }); 3—window.onload = function(){ //js中 $(window)和$(document)获取到的对象不同。 4、Window 对象表示一个浏览器窗口或一个框架。在客户端 JavaScript 中,Window 对象是全局对象,所有的表达式都在当前的环境中计算. 5、Document 对象是 Window 对象的一部分,每个载入浏览器的 HTML 文档都会成为 Document 对象.查看全部
-
右侧导航样式:先固定定位 position:fixed再设置left 50%让其在页面居中, 再向右偏移#content宽度的一半。查看全部
-
menu.find("[href="+currentId+"]").addClass("current"); jQuery 属性选择器 jQuery 使用 XPath 表达式来选择带有给定属性的元素。 $("[href]") 选取所有带有 href 属性的元素。 $("[href='#']") 选取所有带有 href 值等于 "#" 的元素。 $("[href!='#']") 选取所有带有 href 值不等于 "#" 的元素。 $("[href$='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素。 就跟拼接字符串一样,currentId是个对象,不加加号的话menu.find("[href = currentId ]")表示找href属性为"currentId"的,很显然没有,只有href属性为"item1"、"item2"、....这样的。查看全部
-
【编程挑战--end(代码有bug:点击左侧导航链接,出错!)】 本代码利用课程中所学的知识,实现了简单的,类似于天猫新首发页面的效果,天猫新首发页面在导航效果的基础上,又加入了很多额外的特效,感兴趣的同学可以在此基础上发挥想象,把效果做得更加完善。 温馨提示:完成任务后,请验证是否与实践效果一致,如一致,恭喜您,你已经掌握此知识,否则,请重新学习些课程吆,直到与结果效果一致。 【任务】 1、让右侧广告正确显示 注意:选择正确的尺寸和滚动条的隐藏。 2、让导航菜单在左侧绝对定位显示 注意:定位和选择正确的position。 3、让导航菜单实现在滚动条,滚动的时候,自动设置焦点 注意:注意用到教程中所学的知识,遍历items设置currentId,然后给菜单设置current类。 【不会了怎么办】 详见参考代码。查看全部
-
【编程练习】 运用javascript知识,实现根据class name获取对象并返回、给页面元素增加class等功能函数,并实现在滚动时,根据滚动条的位置自动设置导航菜单的焦点。 温馨提示:完成任务后,请验证是否与实践描述效果一致,如一致,恭喜您,你已经掌握此技能,否则,请重复学习此节内容。 【任务】 1、定义 getByClassName函数,让函数实现根据 class name获取对象并返回 提示:先获取 obj中的所有标签,赋值给 elements,然后遍历 elements,找到className相符的元素存入数组 result,然后返回 result。 2、定义 addClass函数,让函数实现给对象增加 class。 提示:首先要判断是否已经有名为 cls的 class,如果没有,添加即可。 3、补充代码,给正确的 menu下的a元素 class赋值 current。 提示:此处要遍历 menus,对 menus中的每一个元素判断 href属性值和 currentId是否相符,并根据判断结果决定是移除名为 current的class,还是增加名为 current的class。 【不会了怎么办】 详见参考代码。查看全部
-
【编程练习】 运用css和jQuery,实现导航菜单在右侧绝对定位显示,并且可以在滚动时,根据滚动条的位置自动设置导航菜单的焦点。 温馨提示:完成任务后,请验证是否与实践描述效果一致,如一致,恭喜您,你已经掌握此技能,否则,请重复学习此节内容。 【任务】 一、静态网页的实现 1、运用CSS,让导航菜单在右侧绝对定位显示。 2、运用锚点,实现导航定位。 提示:使用position属性。 二、jQuery实现定位导航特效 1、滚动条发生滚动时,要获取相应的值。 提示:先要获取到相应的scrollTop()、导航和当前所在的楼层。 2、实现让导航菜单在滚动条滚动的时候,自动设置焦点。 提示:这里遍历时,需要对滚动条位置,和每个元素位置做一个判断,并把相应的元素id值赋予currentId。 3、给相应楼层的a 设置 current,取消其他链接的 current。 【不会了怎么办】 详见参考代码。查看全部
-
jQuery的offset()方法会返回一个对象,包含top和left属性查看全部
-
1.webStrom软件zencoding插件:可简化敲代码 (1) ul>li*5>a 按tab键 sublime也可以tab (2) 按住ALT键,就可以竖向选择 sublime是按住shift+右键 2.超链接悬浮或者座位焦点时(a.current 这里的current是设置第一个为默认)文字变白给个背景色 3.定位小技巧: 固定menu的位置的时候fixed完成之后 left:50% 先让要定位的元素居中显示; margin-left:400px;再根据要相对定位的元素的宽度对要定位元素进行位置偏移。查看全部
-
技术点查看全部
-
技术点查看全部
-
导航条随着滚动条的滚动改变焦点,其实就是给相应的项目增加样式查看全部
-
jQuery通过ID筛选效率要比通过clss高的多查看全部
-
单页面的网页比较流行,网站定位查看全部
举报
0/150
提交
取消