HTML网页出现白点

html-css03

HTML网页出现白点,第1张

高度宽度为0后仍然出现白点，可能是边框等原因造成，建议不要设置高宽的办法来隐藏，而是设置display属性为none，这样便于你调试，例如：

<div style='display:none'>这里面的内容是不显示的，除非取消前面的none</div>

对于初学者最好先了解JavaScript基础和JQuery基础效果；

这里给你一个初学者的简单效果实现方法吧；

这里我们举例：

大背景图片的div类名 class="nav"

三个白点绝对定位到中部的；名字一次是btn1,btn2,btn3

两种方法：

第一种用css实现（白点和背景div必须是同级元素）：

btn1:hover .nav{background:url(图片路径)}

btn2:hover .nav{background:url(图片路径)}

btn3:hover .nav{background:url(图片路径)}

如果要点击效果吧hover换成focus就行了；

JS实现：

$(function(){

    $(".btn1").click(function(){

        $(".nav").css("background","url(1.jpg)")

    })

    $(".btn2").click(function(){

        $(".nav").css("background","url(2.jpg)")

    })

    $(".btn3").click(function(){

        $(".nav").css("background","url(图片路径)")

    })

})

jquery和drawTree这两个插件有正确安装吗？说明白点就是你这个html文件所在的目录要有js这个子目录，里面要有两个文件：jquery.min.js和drawTree.js