HTML网页出现白点

html-css09

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