<script type="text/javascript" src="./files-m/jquery-1.9.1.min.js"></script>
<script >
//网页加载时运行
$(function(){
navHeader();
$(window).scroll(function () {
navHeader();
})
function navHeader() {
if ($(window).scrollTop() > 0) {
$(".m_nav").addClass("light");
} else {
$(".m_nav").removeClass("light");
}
}
})
</script>
<style>
.light{background: rgba(255,255,255,.98);}
.m_nav{width:100%; height:50px;}
</style>
<html>
<div class="m_nav">导航条</div>
</html>