html - How to make the popup box show up once the site is opened -


Hi friends Anyone about how to create a popup box after the site is open idea. Currently the popup box will be clicked once. It is possible that the box will open when the site loads.

  & lt; Span class = "box" & gt; & Lt; Span class = "title" & gt; Title & lt; / Span & gt; & Lt; Span class = "copy" & gt; Pildeske's House Matrici Tristique Carnatus and Net & Lt; / Span & gt;    

If you just want to show pop-up on page load (instead the button After clicking on) & lt; Input & gt; Tag by default by selecting check = 'true' on page load as .

HTML:

  & lt; Input type = "checkbox" id = "linkie" class = "popUpControl" check = 'right' & gt;   

Note: The above animation / transit effect does not show because there was no state change in it. If you want to display the transition on page load, then you have to initially leave input as uncheck (like in your exisitng code) and then load it using javascript Mark during

Javascript:

  window.onload = function () {document.getElementById ('linkie'). Checked = true; }   

|

Additional information to understand:

Below is a piece of CSS that triggers your box to appear.

  .popUpControl: checked ~ labeled & gt; .box {opacity: 1; Webkit-Conversion: Scale (1) Skew (0deg); -moz-transmans: scale (1) skew (0deg); -MMS-conversion: scale (1) skew (0deg); -o-results: scale (1) skew (0deg); }   

The selector effectively indicates to the browser that when examining the element with class = 'popUpControl ( .popUpControl ) Is done with (: checked ) then the element is with the class = 'box' and label should appear as its parent (ambiguity usage do). The scale, skew and opacity are all displayed at the same time while the .box set on transit is displayed in an animated / infected manner.

Comments

Popular posts from this blog

ios - Adding an SKSpriteNode to SKScene from a child SKSpriteNode -

Matlab transpose a table vector -

c# - Textbox not clickable but editable -