Attractive Header in webpage

Folder in magento : /js/magentothem/custommenu

var $jq=jQuery.noConflict();

$jq(window).scroll(function () {

  if ($jq(this).scrollTop() > 140) {

   $jq('.header').addClass("fix-header");

  } else {

   $jq('.header').removeClass("fix-header");

  }

 });

CSS

.header {  margin:0 auto;  position:relative; z-index:10; padding: 0 0 6px 0;}

.fix-header{

z-index: 9999999;

position: fixed !important;

left: 0;

top: 0;

padding:14px 0px 0px;

width: 100%;

background-color:#EBECED;

box-shadow: 0px 1px 5px #EDEDED;//fix header

}