慕课网中网页定位导航中js相关问题总结

1.js中ie8及以下浏览器不支持getElementsByClassName,

(1)JS原生代码里addClass添加类,要带空格

举例子 ：

<div class="item1 item2"> </div>

上面是一个div，这个div的样式已经有两个，所以你再添加class的时候就需要加空格后再加入新的样式。

最后得到： <div class="item1 item2 new"> </div>

(2)移除类：不能直接让 obj.className="";因为一个对象可能有很多类。要用如下空格替换要移除的正则表达式。

obj.className = obj.className.replace(reg, "");

2.var result = [ ];定义一个空数组。

3.window.onscroll = function(){}; 当窗口滚动时，那么执行以下函数。如果没有这一行，那么，窗口滚动没有触发任何的函数，相当于没用。window.scroll就是触发窗口滚动事件。

4._menu的href属性也可以直接用getAttribute(‘href‘)    _menu.getAttribute(‘href‘)

js可以用 setAttribute(‘class‘,‘className‘)

时间： 2024-10-13 12:06:19

慕课网中网页定位导航中js相关问题总结的相关文章

javascript网页定位导航的实现

本文针对网页定位导航,用javascript进行效果实现.本文是慕课网的一个练习题,程序中,我注释掉的部分是其中的例题代码,我没有调通或者是根本没有必要那么写. 还有例题中用window.load来加载函数,不能实时刷新网页来进行显示,当滚动条滑动时需要刷新一下页面才能看到效果,所以我不其删掉,用定时器setInterval来控制,动作实时刷新 <!DOCTYPE html> <html> <head> <meta http-equiv="Content

网页定位导航特效

最近在学习慕课网-网页定位导航特效的课程,这个算是学习完成的经验总结吧.通过学习这一课,get了以下几个小技巧. css小技巧:在content的右边设置一个fixed的菜单该如何定位?先设定左边定位50%,然后设定向右偏移400px,这样就位于content的正右边了. 导航与滚动条之间的关系,我实在不能讲得更好了,直接盗老师的图好了. 其实就是比较向上滚动的距离与每个楼层之间的距离,如果该楼层已经滚了上去,那就可以设置为焦点. 我实在解释不清了,不知以后我自己看能不能看懂了.啥也不说了,直接

JQuery实现网页定位导航特效

慕课网的一个小课程,练习了一遍,不足之处,欢迎指正(照片在本地,大家可以着重看代码哈),想看demo的同学可以点击如下地址:https://iceflorenceice.github.io/: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>爱淘气购物网-JQ网页定位导航特效</title> <st

网页定位导航

<style> #header{height:50px; } #siderList{position: fixed; right:0; bottom: 20%;} #siderList li{margin-bottom: 5px; list-style: none;} #siderList li a{display: inline-block; width: 50px; height: 50px; background: #32B981; text-align: center; color:

网页定位 - 右侧导航栏效果

1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>网页定位导航效果</title> 6 <style> 7 *{ 8 margin: 0; 9 padding: 0; 10 } 11 12 body{ 13 font-size: 12px; 14 line-height: 1

定位导航

<!DOCTYPE html><html><head><meta charset="gb2312"/><title>网页定位导航效果</title><style>        * {            margin: 0;            padding: 0;            font-family:"微软雅黑"        } body {          

JavaScript定位导航滚动2

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>网页定位导航效果</title> <style type="text/css"> *{ margin: 0; padding: 0; } body{ font-size: 12px; line-height: 1.7; } l

夜空中最亮的星：慕课网新手学习指南_慕课手记

首先标题是为了凑够标准的十个字,如果你这会去数了一下然后想评论说不是十个字,那我佩服你的求知精神...进来的肯定不是看我瞎扯淡的,我们步入正题. 慕课网作为国内不能说是最大,但是起码口碑最好的一个IT学习的网站,受到了很多人的欢迎,但是在推荐给朋友的过程中,我就发现了一些问题,那就是纯小白根本不知道怎么开始学习.这里我要说一下什么叫做纯小白,你以为不知道变量,命令提示符,HTTP协议,这些就是小白了吗?那你就错了,我今天要说的是连怎么设置IP地址,怎么设置百度为首页,连自己的操作系统是winxp

js控制公共模板中，不同页面中的导航选中效果-判断当前的url

用js的做法也很多.比较推荐的方法是判断当前的url,然后根据url在nav中的位置,来对nav中的某个导航增加选中样式,代码如下: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <style> .act