<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