View allAll Photos Tagged JQuery
An experimental tool to create pixilated and blocky artwork -- built with jQuery, CSS and HTML.
www.mediaupstream.com/sandbox/block-paint/
Video Demo : vimeo.com/9078753
old_time = jQuery.jStorage.get('http://javamart.my.id/wp-cron.php?doing_wp_cron=1437291000.6494460105895996093750');
if(old_time){
current_time = ism_return_current_date();
locker_reset_after = 600;
end_time = old_time +...
javamart.my.id/2015/07/19/extra/trik-withdraw-topcashback...
jQuery(document).ready(function()
var ism_delaylocker = new ism_the_TimeOut(7, "#indeed_locker_content_3684", "indeed_locker_3684");
);
La Clippers – Mem Grizzlies Limit:198.5 üstü⬆️
Cle Cavaliers – Chi Bulls Limit:204.5 ALtı ⬇️
Gs Warriors – Por T Blaze...
Tab content area occupies less space and can handle a lot of information within the web page. It displays multiple sections in a neat way.
This makes easier for the user to quickly switch from one section to the other.
In this tutorial, I am creating a simple Tab layout with HTML, CSS, and jQuery.
A Fundação do ABC é uma entidade civil privada de assistência social, à saúde e educação.
> Desenvolvimento da interface (XHTML, CSS, jQuery);
> Campanha de E-mail Marketing;
> Ações de manutenção: vitrines e conteúdo;
Projeto desenvolvido na PictureWeb em 2009.
#wrap
position: relative;
padding: 10px;
overflow: hidden;
#gradient
width:100%;
height:200px;
background: red; /* For browsers that do not support gradients */
background: linear-gradient(rgba(128,128,128,0), rgba(255,255,255,1)); /*Standard*/
position:absolute;
bottom:0;
left:0;
#read-more
padding:5px;
border-top:4px double #ddd;
background:#fff;
color:#333;
var conditionNotMember='';
var cond2='';
// Membership needed
messageLogin='Abonné ? Se connecter, Transpiree c'est quoi ? Découvrir';
jQuery(document).ready(function( $ )
// Hover
$( "#gallery-1 img" ).hover(
function()
$( this ).css('opacity', 1);
, function()
$( this ).css('opacity', 0.6);
);
// Opacity
$( "#gallery-1 img" ).css('opacity', 0.6);
// Remove some images
var picturnNb = 0;
$('#gallery-1 img').each(function()
picturnNb++;
if (picturnNb == 10)
$(this).attr("src","/ext/protection/MorePictures.jpeg");
$(this).removeAttr("srcset");
if (picturnNb > 10)
$(this).remove();
);
$( "#gallery-1 img" ).click(function(event)
// Stop default event
event.preventDefault();
event.stopPropagation();
// Change image to default warning's one
$.swipebox( [
href:'/ext/protection/ConnexionRequise.jpeg', title:'Il faut se connecter'
]);
);
var ficheInsideRandonneeLien = $("#ficheInsideRandonneeLien");
var articleBody = $("div[itemprop='articleBody']");
var gallery = $("#gallery-1");
articleBody.attr('id', 'wrap');
// Percent
var percent = 35;
var diffPercent = 100 - percent;
// Compute new height
var defHeight = (articleBody.height() - ficheInsideRandonneeLien.height() - gallery.height())*percent/100;
articleBody.css('height' , defHeight + 'px');
articleBody.append('');
articleBody.after('');
$('#read-more').append('Déjà '+percent+'% de lu, il reste '+ diffPercent +'%. ' + messageLogin + '');
$('#read-more').after(gallery);
);
.img_thumb
display:flex;
align-items:center;
.img_right
float:right;
.img_left
float:left;
.centerText
text-align: center;
border-bottom: 1px solid #e7e6e6;
@media all and (min-width: 700px)
.img_margin_top
margin-top:19px;
.img_margin_top_video
margin-top:28px;
margin-right:10px;
@media screen and (max-width: 700px)
.img_margin_top
margin-top:12px;
.img_margin_top_video
margin-top:16px;
Suisse | Vaud
Suisse | Vaud
www.transpiree.com/randonnee/mont-sala-bois-amont-cabane-...
In this tutorial, creating the accordion using HTML, CSS, and jQuery.
The accordion is a vertically stacked list of items. Each item can be “expanded” or “collapsed” to reveal the content associated with that item. There can be zero expanded items, exactly one, or more than one item expanded at a time, depending on the configuration.
Accordions are popular because they allow developers to force large amounts of content into tiny spaces on the page.
In today’s tutorial we’ll be creating a simple responsive accordion that, when opened, will slide to the top of the viewport and reveal the content by fading it in. The idea is to avoid that the user has to scroll the content area into place. We’ll also add some nice CSS3 transitions for the arro...
www.99designhub.com/2014/11/flexible-slide-top-jquery-acc...
Bootstrap Tabcordion is a simple jQuery plugin that transforms a set of Bootstrap tabs into a Bootstrap accordion. It can be configured to perform this transformation based on the size of the container or viewport to provide responsive awesomeness to your buzzword-rich UI.Useful for responsive ...
www.99designhub.com/2014/11/tabcordion-js-jquery-plugin-b...
Ingeparks es una web realizada a medida en la que hemos realizado además de las secciones del quienes somos y los servicios, una sección de proyectos donde habiendo dotado a la web de muchas animaciones tenemos un listado de los diferentes parques que se han realizado. Para cada una tenemos una ficha donde mostramos todas las imágenes de cada proyecto. También hemos realizado una cabecera interactiva y dinámica con imágenes de alta resolución
Tecnologias utilizadas:
Diseño realizado a medida - Web responsive - PHP - HTML5 - CSS3 - Jquery - Ajax
jQuery(document).ready(function()
var ism_delaylocker = new ism_the_TimeOut(7, "#indeed_locker_content_1257", "indeed_locker_1257");
);
Oostende – Avellino (0.5h) Maç Sonucu: 2
Cedevita – Valencia Limit:163.5 Üstü ⬆️
Khimki – Bc Lietkabelis Limit:166.5 Ü...
maclarbanko.com/2017/01/04/04012017-%f0%9f%8f%80basket-ku...
Uma das primeiras concessionárias da Volkswagen no Brasil, a Sabrico, foi responsável pela venda do primeiro Fusca fabricado em São Bernardo do Campo, na década de 1950.
> Desenvolvimento da interface (XHTML, CSS, jQuery);
> Campanha de E-mail Marketing;
> Ações de manutenção: vitrines e conteúdo;
Projeto desenvolvido na PictureWeb em 2004.
Made at: www.ralphcorbett.com/box-shadow-art-highlighting.html
Highlight text with a box shadow, color it, then rotate it with a mouse click.
Can save the HTML code.
Make a Tag Cloud. Add links to the HTML code and make it active.