jQuery

Prima pagina » JavaScript » jQuery

How to insert video in website background

Posted by on 2 November, 2013 under [ HTML(5)/CSS(3), JavaScript, jQuery, Tricks ]
No comments yet

First you will need

fullbgvideo

Full Screen Set up

<style type="text/css">
.jwrapbuttons {
max-width: 330px;
margin: 0 auto;
}
.jwbutton {
font-weight: bold;
font-size: 26px;
padding: 10px 30px;
border: 2px solid #ff0000;
color: #ff0000;
display: inline-block;
text-decoration: none;
margin: 50px 10px;
background: rgba(255, 0, 0, 0.3);
}
.videobgelement {
position: fixed !important;
z-index: -1;
top: 0;
left: 0;
}
</style>
 MAI MULT …

Tagged with: [ , , ]

Cateva cuvinte despre jQuery

Posted by on 23 January, 2010 under [ JavaScript, jQuery ]
No comments yet

Ce este jQuery?

jQuery este o librarie javascript ca si mootools, prototype, script.aculo.us etc. Libraria  permite prin multitudinea de functii sa executati, sa controlati, sa modificati codul html, scriind mai simplu si mai putin cod javascript.

jQuery  are o documentatie bine elaborata, bine structurata si usor de inteles asa incat puteti repede sa introduceti cod pe pagina de web, in plus are o promovare foarte mare unde puteti gasi tutoriale, cod gata facut, plugin-uri, la tot pasul.

Cum introduc codul jQuery  mai simplu intr-o pagina?

Se introduce intre  <head></head>, sub stilurile .css, unul din urmatoarele coduri:

<script src="http://code.jquery.com/jquery-latest.js" type="text/JavaScript"></script>

sau doar:

<script src="http://code.jquery.com/jquery.js" type="text/JavaScript"></script>

sau compresat:

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/JavaScript"></script>

De preferat ar fi sa descarci scriptul si sa-l amplasezi pe serverul tau pentru a evita anumite complicatii sau alte neclaritati. Linkurile de mai sus reprezinta calea  catre ultima versiune a librariei.

Alte solutii mai sigure ar putea fi  google(pagina http://code.google.com/p/jqueryjs/downloads/list si va selectati versiunea) :

<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script>