nav

I'm currently trying to write a little js. My navigation has a gradient set as background. I want the background to change in height and from a gradient to a flat color with 0.85 opacity (animated) when I scroll down a certain amount. here's my js code $(window).scroll(function(){ if ($(window).scrollTop() >= 600){ $('#navigation').css({height: '92px'}); } else { $('#navigation').css({height: '142px'}); } }); here's the css #navigation { height: 142px; width: 1350px; position: fixed; z-index: 2000; background: -moz-linear-gradient(top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */

In my web site, I have three pages: Home, About, and Contact. I want the current page's link to give some visual indication that clicking the corresponding link would be senseless as the user is already on that page. Is this task better handled by CSS or jQuery, and in either case, what is the most elegant solution that will also automatically apply to any pages which may be added in the future? Here's my HTML diesbezueglich: <nav> <ul id="menu"> <li><a href="~/">Home</a></li> <li><a href="~/About">About</a></li> <li><a href="~/Contact">Contact</a></li> </ul> </nav> UPDATE I wonder why this

1、jQuery特殊属性操作 val方法 val方法用于设置和获取表单元素的值，例如input、textarea的值 //设置值 $("#name").val(“张三”); //获取值 $("#name").val(); html方法与text方法 html方法相当于innerHTML text方法相当于innerText //设置内容 $(“div”).html(“<span>这是一段内容</span>”); //获取内容 $(“div”).html() //设置内容 $(“div”).text(“<span>这是一段内容</span>”); //获取内容 $(“div”).text() 区别：html方法会识别html标签，text方法会那内容直接当成字符串，并不会识别html标签。 width方法与height方法 设置或者获取高度 //带参数表示设置高度 $(“img”).height(200); //不带参数获取高度 $(“img”).height(); 补充：获取的样式值 width()---width // 数字 innerWidth()---padding + width outerWidth()---padding + width + border outerWidth(true)---padding + width + border + margin