Cookies Bar - logo

jQuery Cookiesbar - simple and non-annoying cookies-bar for your website!

...IE7+ and mobile friendly!

Download

Prod. version (demo inc.) Developer version (github)

Integration

3) Attach CSS file
<link rel="stylesheet" type="text/css" href="css/cookies-bar.css">
2) Add Javascript file to your website
<script src="js/cookies-bar.js"></script>
1) Run cookiesBar() with desired options
  cookiesBar({     
    mainText: "Main text goes here.", 
    agreeLinkLabel: "I understand",
    declineLinkLabel: "Decline",
    detailsLinkLabel: "Cookies Policy »", 
    declineURL: "http://google.com",
    detailsURL: "http://www.yourwebsite.com/cookies-policy",
    declineLink: true, //If set to true, decline link will appear.
    detailsLink: false, //If set to true, link to yout private-policy page will appear.
    expireDays: 365,
    cookieEnabled: false, //Set it to true on production server.
    // Milliseconds between each frame. The lower value, the faster animation is.
    showSpeed: 25,
    hideSpeed: 5,
    position: "top" //Possible values - "top" or "bottom".,
    positionMode: "absolute", //Possible values - "absolute" or "fixed".
    delay: 0 //Delay before bar animation starts.
    zIndex: 10 //CSS z-index value for cookies-bar.
  });

Change log