怎么用Jquery实现吸顶效果 为什么我的效果显示不出来
var scrolltTops = $("html,body").scrollTop();
if(scrollTops>300){
$("#xiding").stop().show(); //#xiding是要显示的DIV
} else {
$("#xiding").stop().hide();
}
})
最新回答
仰天长啸我也要穿越
2022-09-23 03:36:23
<script type="text/javascript">
jQuery(".xnav").slide({
type:"menu", //效果类型
titCell:".m", // 鼠标触发对象
targetCell:".sub", // 效果对象，必须被titCell包含
delayTime:0, // 效果时间
triggerTime:0,//鼠标延迟触发时间
defaultIndex:mindex
//returnDefault:false //返回默认状态
});
</script>
以上代码可以插在底部（为了避免冲突）
这个代码要插在顶部 用js可以在静态页面里也实现。
<script>
var mindex =0;//定义菜单menu
</script>
不抽烟い
2023-12-13 21:25:46
<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>
热门标签
