jQuery语法错误导航效果显示不出来 20
我在用DW（dreamweaver)写一个导航效果的代码，就是把鼠标移动到导航栏上的产品时，会自动下滑出来一个菜单包括所有产品的类别。但是不管我是用外联js文件还是把代码...
我在用DW（dreamweaver)写一个导航效果的代码，就是把鼠标移动到导航栏上的产品时，会自动下滑出来一个菜单包括所有产品的类别。但是不管我是用外联js文件还是把代码写在html文档里，预览的时候都无法实现这个效果。麻烦大神帮我看看我的代码哪里出错了？我引用的是最新的jQuery库：<script type="text/javascript" src="jquery-3.3.1.js"></script>
下面是我的代码：
<script>
$(document).ready(function(){
$("#nav li").hover(function(){
$(this).find(".jnNav").show();
$(this).find(".jnNav").hide();
})
});
</script> 展开
下面是我的代码：
<script>
$(document).ready(function(){
$("#nav li").hover(function(){
$(this).find(".jnNav").show();
$(this).find(".jnNav").hide();
})
});
</script> 展开
3个回答
展开全部
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>用jquery实现固定顶部效果http://zhidao.51xuediannao.com/thread-12.htm</title>
<style>
#xiding{ position: fixed; left: 0; top: 0; display: none; /*核心样式 必须的*/
width:100%; height: 30px; background: #ddd;}
</style>
</head>
<body>
<div id="xiding"></div>
<div style="height: 2000px;"></div>
<p><label><input type="radio" name="r" value="1" checked/>男</label></p>
<p><label><input type="radio" name="r" value="2"/></label>女</p>
<script src="http://libs.useso.com/js/jquery/1.11.1/jquery.min.js"></script>
<script>
var $xiding = $("#xiding");
$(window).on("scroll",function(){
var $this = $(this);
var st = $this.scrollTop();
if(st>300){
$xiding.stop(true,true).fadeIn(); //#xiding是要显示的DIV
} else {
$xiding.stop(true,true).fadeOut();
}
});
</script>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>用jquery实现固定顶部效果http://zhidao.51xuediannao.com/thread-12.htm</title>
<style>
#xiding{ position: fixed; left: 0; top: 0; display: none; /*核心样式 必须的*/
width:100%; height: 30px; background: #ddd;}
</style>
</head>
<body>
<div id="xiding"></div>
<div style="height: 2000px;"></div>
<p><label><input type="radio" name="r" value="1" checked/>男</label></p>
<p><label><input type="radio" name="r" value="2"/></label>女</p>
<script src="http://libs.useso.com/js/jquery/1.11.1/jquery.min.js"></script>
<script>
var $xiding = $("#xiding");
$(window).on("scroll",function(){
var $this = $(this);
var st = $this.scrollTop();
if(st>300){
$xiding.stop(true,true).fadeIn(); //#xiding是要显示的DIV
} else {
$xiding.stop(true,true).fadeOut();
}
});
</script>
</body>
</html>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<script>
$(function(){
$("#nav li").hover(function(){
$(this).find(".jnNav").show();
})；
});
</script>
$(function(){
$("#nav li").hover(function(){
$(this).find(".jnNav").show();
})；
});
</script>
追问
没有用啊，你确定这样ok？
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
不是Hide了吗？
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
