JavaScript和CSS交互，JQuery基础

JavaScript和CSS交互，JQuery基础

触发方式
常见的有鼠标移动到对象上 ，鼠标点击，鼠标双击，鼠标移开，或者网页加载时。
最常见的两种：
鼠标移上去：onmouseover
鼠标移开： onmouseout

        window.onload = function() {
            document.getElementById("s").classList.add("mouseOverStyle");
        }
        function mouseon(){
            document.getElementById("s").classList.remove("mouseOverStyle");
            document.getElementById("s").classList.add("mouseOutStyle");
        }
        function mouseno(){
            document.getElementById("s").classList.remove("mouseOutStyle");
            document.getElementById("s").classList.add("mouseOverStyle");
        }

在这里面可以发现，我才用了一种比较笨拙的方法，就是给id 为s的对象在页面加载时先添加一个样式，然后每次移动移开都给他调换，方法就是add remove 类似删除添加。

而还有一个平常网页拉取时广告的设置，他会跟随窗口的移动而移动相对应的值，其中就应用到了scrolltop scrollleft 两个值

JQuery
$ (function() {
$(“li:even”).css(“background”, “white”);
$(“li:odd”).css(“background”, “yellow”);
})
这是用来给奇偶行分开的
$(document).ready(function() {
$(".a").click(function() {
$(".tips").toggle();
});
});
这是设定了隐藏区域 点击展开的