-
单页面的网页比较流行,可以展示更多的信息,让客户能够快速的浏览信息。 但是不方便定位,所以要有良好的导航是至关重要的。查看全部
-
特效用到的知识点查看全部
-
js实现网页特效 var top = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop;或var top = document.documentElement.scrollTop || document.body.scrollTop;用js实现滚动时根据滚动条的位置自动设置导航菜单的焦点 在chrome下document.documentElement.scrollTop为0查看全部
-
IETester包含多个版本的IE,可以方便的用来进行兼容性测试。查看全部
-
jQuery的offset()方法会返回一个对象,包含top和left属性。查看全部
-
使用锚点可以在文档中设置标记,这些标记通常放在文档的顶部。查看全部
-
特效设计技术点: (1)锚点(anchor):锚点是网页制作中超链接的一种,又叫命名锚记。锚点是一种页面内的超级链接。 (2)关于滚动条定位的事件和方法(借助jquery) 特效所需要掌握的技术点: scroll([data],fn):当用户滚动指定的元素时,会发生scroll事件。 scroll事件适用于所有可滚动的元素和window对象(浏览器窗口)。 例如:当页面滚动条变化时,执行函数......: $(window).scroll(function(){/* ...... */}); scrollTop([val]):获取/设置匹配元素相对滚动条顶部的偏移。 offset():获取匹配元素的相对偏移。返回的对象包含两个整形属性:top和left,以像素计。查看全部
-
网页定位导航特效中,导航条和滚动条之间的关系是导航条随着滚动条的滚动改变焦点。 导航条随着滚动条的滚动改变焦点,其实就是给相应的项目增加样式。查看全部
-
解决问题流程: 分析---->设计---->实现 特效分析: 分为左右两部分: 左侧的内容,右侧悬浮的导航菜单 左侧滚动时,右侧内容不改变位置 点击右侧链接,左侧定位到相应栏目 左侧滚动到相应栏目,右侧定位到对应链接查看全部
-
网页定位导航特效主要是指在页面内进行定位导航,适用于内容比较多的单页面网页。查看全部
-
done查看全部
-
要点: 1、$(selector).scroll(function(){})--滚动条滚动监听方法 2、$(selector).scrollTop()--滚动条垂直偏移量设置和获取方法 3、$(selector).offset().top/.left--文档的竖直和横向偏移量 重点: 1、用$().each(function(){})方法遍历所需要的每个元素 2、比较滚动条的偏移量和文档偏移量的大小 技巧: 1、通过ID获取元素,比通过class获取元素效率更高 2、尽量将要多次使用的值存储在变量中,可以提高效率查看全部
-
要点: 1、$(selector).scroll(function(){})--滚动条滚动监听方法 2、$(selector).scrollTop()--滚动条垂直偏移量设置和获取方法 3、$(selector).offset().top/.left--文档的竖直和横向偏移量 重点: 1、用$().each(function(){})方法遍历所需要的每个元素 2、比较滚动条的偏移量和文档偏移量的大小 技巧: 1、通过ID获取元素,比通过class获取元素效率更高 2、尽量将要多次使用的值存储在变量中,可以提高效率查看全部
-
把 #content .item img { top: 100px; left: 40px; } 里的 position: absolute; 去掉了。查看全部
-
定位小技巧: left:50% 先让要定位的元素居中显示; margin-left:400px;再根据要相对定位的元素的宽度对要定位元素进行位置偏移。 如果想让页面自动居中,当设置margin属性为左右为auto的时候(必需要设置元素的width),不能再设置浮动或绝对定位属性,否则margin失效。 auto根据浏览器的宽度自动设置两边的外边距 外边距 = (浏览器宽度 - 元素宽度)/ 2查看全部
举报
0/150
提交
取消