Ufdjrw

How do I lift the insulation blower into the attic?

What is this high flying aircraft over Pennsylvania?

Do native speakers use "ultima" and "proxima" frequently in spoken English?

Why didn’t Eve recognize the little cockroach as a living organism?

Exposing a company lying about themselves in a tightly knit industry (videogames) : Is my career at risk on the long run?

How to preserve electronics (computers, ipads, phones) for hundreds of years?

Highest stage count that are used one right after the other?

A seasonal riddle

What is the tangent at a sharp point on a curve?

Why is indicated airspeed rather than ground speed used during the takeoff roll?

Amorphous proper classes in MK

Connection Between Knot Theory and Number Theory

Why doesn't Gödel's incompleteness theorem apply to false statements?

What is the purpose of using a decision tree?

PTIJ: Which Dr. Seuss books should one obtain?

What is the meaning of "You've never met a graph you didn't like?"

Magnifying glass in hyperbolic space

How to test the sharpness of a knife?

Does capillary rise violate hydrostatic paradox?

Why is participating in the European Parliamentary elections used as a threat?

Are hand made posters acceptable in Academia?

Derivative of an interpolated function

What do the positive and negative (+/-) transmit and receive pins mean on Ethernet cables?

How do you justify more code being written by following clean code practices?

bottom of page cookie alert or warning [duplicate]

make div text disappear after 5 seconds using jquery?Why not use tables for layout in HTML?Make a div fill the height of the remaining screen spaceHow to detect if JavaScript is disabled?How do you keep parents of floated elements from collapsing?Convert HTML + CSS to PDF with PHP?How to align content of a div to the bottom?How to create an HTML button that acts like a link?What is the best way to conditionally apply a class?Pure JavaScript equivalent of jQuery's $.ready() - how to call a function when the page/DOM is ready for itIs it possible to apply CSS to half of a character?

-1

This question already has an answer here:

• 
  make div text disappear after 5 seconds using jquery?
  
  6 answers
  
  

I would like to add a div at the bottom of my website like what you have with this site, warning users about cookie's. But have it disappear after 5-6 seconds. How would this be done?

html css

share|improve this question

asked Mar 7 at 0:56

Rick HizRick Hiz

12

marked as duplicate by Paulie_D, Community♦ Mar 16 at 22:21

This question has been asked before and already has an answer. If those answers do not fully address your question, please ask a new question.

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  do you want the div to stay fixed to bottom of the screen when scrolling or be at the end of the web page like a footer?
  
  – merhoo
  Mar 7 at 1:00
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Yes stay fixed to the bottom
  
  – Rick Hiz
  Mar 7 at 2:05
  

  
  
  
  

add a comment | 

-1

This question already has an answer here:

• 
  make div text disappear after 5 seconds using jquery?
  
  6 answers
  
  

I would like to add a div at the bottom of my website like what you have with this site, warning users about cookie's. But have it disappear after 5-6 seconds. How would this be done?

html css

share|improve this question

asked Mar 7 at 0:56

Rick HizRick Hiz

12

marked as duplicate by Paulie_D, Community♦ Mar 16 at 22:21

This question has been asked before and already has an answer. If those answers do not fully address your question, please ask a new question.

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  do you want the div to stay fixed to bottom of the screen when scrolling or be at the end of the web page like a footer?
  
  – merhoo
  Mar 7 at 1:00
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Yes stay fixed to the bottom
  
  – Rick Hiz
  Mar 7 at 2:05
  

  
  
  
  

add a comment | 

This question already has an answer here:

• 
  make div text disappear after 5 seconds using jquery?
  
  6 answers
  
  

I would like to add a div at the bottom of my website like what you have with this site, warning users about cookie's. But have it disappear after 5-6 seconds. How would this be done?

html css

share|improve this question

asked Mar 7 at 0:56

Rick HizRick Hiz

12

share|improve this question

asked Mar 7 at 0:56

Rick HizRick Hiz

12

share|improve this question

asked Mar 7 at 0:56

Rick HizRick Hiz

12

asked Mar 7 at 0:56

Rick HizRick Hiz

12

asked Mar 7 at 0:56

Rick HizRick Hiz

12

1 Answer
1

active

oldest

votes

0

In your HTML:

<body>
 <div class="cookie-bar"></div>
</body>

In your CSS:

div .cookie-bar 
 overflow: hidden;
 position: fixed;
 bottom: 0;
 width: 100%;

In a JavaScript file:

setTimeout(fade_out, 5000);

function fade_out() 
 $("#cookie-bar").fadeOut().empty();

share|improve this answer

answered Mar 7 at 1:07

merhoomerhoo

7211

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Is the above code correct? the div works but does not disappear even when I change the fade_out time
  
  – Rick Hiz
  Mar 16 at 20:31
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  I figured it out by using @-webkit-keyframes cssAnimation, no java needed
  
  – Rick Hiz
  Mar 16 at 22:20
  
  

  
  
  
  

add a comment | 

0

In your HTML:

<body>
 <div class="cookie-bar"></div>
</body>

In your CSS:

div .cookie-bar 
 overflow: hidden;
 position: fixed;
 bottom: 0;
 width: 100%;

In a JavaScript file:

setTimeout(fade_out, 5000);

function fade_out() 
 $("#cookie-bar").fadeOut().empty();

share|improve this answer

answered Mar 7 at 1:07

merhoomerhoo

7211

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Is the above code correct? the div works but does not disappear even when I change the fade_out time
  
  – Rick Hiz
  Mar 16 at 20:31
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  I figured it out by using @-webkit-keyframes cssAnimation, no java needed
  
  – Rick Hiz
  Mar 16 at 22:20
  
  

  
  
  
  

add a comment | 

0

In your HTML:

<body>
 <div class="cookie-bar"></div>
</body>

In your CSS:

div .cookie-bar 
 overflow: hidden;
 position: fixed;
 bottom: 0;
 width: 100%;

In a JavaScript file:

setTimeout(fade_out, 5000);

function fade_out() 
 $("#cookie-bar").fadeOut().empty();

share|improve this answer

answered Mar 7 at 1:07

merhoomerhoo

7211

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Is the above code correct? the div works but does not disappear even when I change the fade_out time
  
  – Rick Hiz
  Mar 16 at 20:31
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  I figured it out by using @-webkit-keyframes cssAnimation, no java needed
  
  – Rick Hiz
  Mar 16 at 22:20
  
  

  
  
  
  

add a comment | 

In your HTML:

<body>
 <div class="cookie-bar"></div>
</body>

In your CSS:

div .cookie-bar 
 overflow: hidden;
 position: fixed;
 bottom: 0;
 width: 100%;

In a JavaScript file:

setTimeout(fade_out, 5000);

function fade_out() 
 $("#cookie-bar").fadeOut().empty();

share|improve this answer

answered Mar 7 at 1:07

merhoomerhoo

7211

<body>
 <div class="cookie-bar"></div>
</body>

div .cookie-bar 
 overflow: hidden;
 position: fixed;
 bottom: 0;
 width: 100%;

setTimeout(fade_out, 5000);

function fade_out() 
 $("#cookie-bar").fadeOut().empty();

share|improve this answer

answered Mar 7 at 1:07

merhoomerhoo

7211

answered Mar 7 at 1:07

merhoomerhoo

7211

answered Mar 7 at 1:07

merhoomerhoo

7211