Awesome header

Fading header example

A simple example using jQuery and CSS that shows you how to create the fading header technique seen on sc.chinaz.com.

Sample content

Donec hendrerit eros at leo. Duis nisl lacus, interdum quis, euismod a, accumsan quis, orci. Curabitur venenatis nunc eu dui. Phasellus rutrum porta tellus. Donec nibh erat, rutrum non, bibendum ac, iaculis sit amet, justo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Maecenas consequat mauris id augue. Maecenas elementum diam sit amet erat. Duis sed est et sem pellentesque sodales. Morbi ullamcorper dignissim eros. Mauris ligula enim, fermentum sed, rhoncus eu, consectetuer eu, risus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut tortor mauris, lobortis nec, tempor at, congue eu, nisi. Praesent ultrices.

Integer imperdiet varius lacus. Sed leo urna, mollis vel, molestie et, consectetuer sed, magna. Fusce odio. Nullam in dolor eu tellus posuere interdum. Nunc id felis. Nullam pulvinar orci hendrerit odio. Vestibulum quam pede, suscipit in, gravida quis, vulputate a, nulla. Nullam imperdiet imperdiet nulla. Aliquam consectetuer porttitor justo. Sed scelerisque. Maecenas hendrerit ipsum a sem. Sed sit amet lacus. Sed dictum pellentesque tortor. Ut tellus quam, varius ut, ornare in, vestibulum vitae, sapien. Pellentesque convallis

适用浏览器:IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.

代码整理:站长图库