Slider automático de últimas entradas para blogger – Shipping – coche – PHD

Este era un slider que tenía en la anterior plantilla de mi blog en la barra lateral derecha para mostrar las últimas entradas. Sí quieres agregarlo a tu blog sigue estos pasos:

Abrimos elpanel de administración de blogger y hacemos clic enDiseño, luego enañadir un gadgetHTML/Javascript . En esta ventana pegaremos el siguiente código.

style scoped="" type="text/css"
/*
Made by AllBloggerTricks.com with lot of hardwork please keep the comment intact
*/
ul.abt-sidebar-slider *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
ul.abt-sidebar-slider{font:normal normal 11px Verdana,Geneva,sans-serif}
ul.abt-sidebar-slider,ul.abt-sidebar-slider li{margin:0;padding:0;list-style:none;position:relative}
ul.abt-sidebar-slider{width:100%;height:500px}
ul.abt-sidebar-slider li{height:24.5%;position:absolute;padding:0;width:49.5%;float:left;overflow:hidden;display:none}
ul.abt-sidebar-slider li:nth-child(1),ul.abt-sidebar-slider li:nth-child(2),ul.abt-sidebar-slider li:nth-child(3),ul.abt-sidebar-slider li:nth-child(4){display:block}
ul.abt-sidebar-slider img{border:0;width:100%;height:100%}
ul.abt-sidebar-slider li:nth-child(1){width:100%;height:49.5%;margin:0 0 2px;left:0;top:0}
ul.abt-sidebar-slider li:nth-child(2){left:0;top:50%}
ul.abt-sidebar-slider li:nth-child(3){left:50.5%;top:50%}
ul.abt-sidebar-slider li:nth-child(4){width:100%;left:0;top:75%}
ul.abt-sidebar-slider  .overlayx,ul.abt-sidebar-slider li{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
ul.abt-sidebar-slider .overlayx{width:100%;height:100%;position:absolute;z-index:2;left:0;top:0;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLDBD7Ejj04dlH_A47kKWVtX7B2LRqWLukuZXU8Zm2hkwmEarvwgNIGxVEYBJMtb00fzxLagHaZDHvmlQK2bI5NaQoo7NHQGdc7p_UYGtZNblwBCrp0QsEIKc_KDejoI1VrGVP4LSUW1U/s1600/linebg-fade.png);background-position:50% 50%;background-repeat:repeat-x}
ul.abt-sidebar-slider .overlayx,ul.abt-sidebar-slider img{border:4px solid #2E8DCE;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
ul.abt-sidebar-slider li:nth-child(1) .overlayx{background-position:50% 25%}
ul.abt-sidebar-slider .overlayx:hover{-ms-filter:"progid:DXImageTransform.Microsoft. Alpha(Opacity=10)";filter:alpha(opacity=10);-khtml-opacity:0.1;-moz-opacity:0.1;opacity:0.1}
ul.abt-sidebar-slider h4{position:absolute;bottom:30px;z-index:2;color:white;margin:0;width:100%;padding:0 10px;line-height:1.5em;font-family:Georgia,Times,"Times New Roman";font-weight:normal}
ul.abt-sidebar-slider li:nth-child(1) h4,ul.abt-sidebar-slider li:nth-child(4) h4{font-size:150%}
ul.abt-sidebar-slider .label_text{position:absolute;bottom:10px;left:10px;z-index:2;color:white;font-size:90%}
ul.abt-sidebar-slider li:nth-child(2) .autname,ul.abt-sidebar-slider li:nth-child(3) .autname{display:none}
.buttons{margin:5px 0 0}
.buttons a{display:inline-block;text-indent:-9999px;width:15px;height:25px;position:relative}
.buttons a::before{content:"";width:0;height:0;border-width:8px 7px;border-style:solid;border-color:transparent #535353 transparent transparent;position:absolute;top:50%;margin-top:-8px;margin-left:-10px;left:50%}
.buttons a.nextx::before{border-color:transparent transparent transparent #535353;margin-left:-3px}
/style
div id="featuredpostside"/div
script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"/script
script src="https://dl.dropboxusercontent.com/u/76401970/All%20Blogger%20Tricks/abt-sidebar-slider.js" type="text/javascript"/script
script type='text/javascript'
//![CDATA[
FeaturedPostSide({
blogURL:"http://unestudiantedeinformatica.blogspot.com/",
MaxPost:8,
idcontaint:"#featuredpostside",
ImageSize:300,
interval:5000,
autoplay:true,
tagName:false
});
//
/script

Lo mas importante. Debemos ubicar la siguiente línea:

blogURL:"http://unestudiantedeinformatica.blogspot.com/",

Y reemplazarhttp://unestudiantedeinformatica.blogspot.com/por laurl de tu blog.

También sí queremos podemos editar el número de post a mostrar, el intervalo de la transición, y las medidas en pixeles del slider.

MaxPost:8,

Se mostrarán las últimas 8 entradas.

interval:5000,

El intervalo de la transición son 5000 milisegundos (5 segundos).

ul.abt-sidebar-slider{width:100%;height:500px}

El ancho del slider se reducirá o aumentará en cuanto a un porcentaje y el alto en pixeles.

Demo del slider:

También te podría interesar:
Pop-up caja de me gusta facebook para blogger
Agregando nuestro sitio web a los buscadores google y bing
Iconos sociales color azul para blogger
Crear formulario de contacto para blogger

fast cash for house Motor Replacements car insurance quotes colorado mesothelioma attorney illinois donate your car for money Best Criminal Lawyers in Arizona Adobe illustrator classes Online casino Custom WordPress theme designer Auto Mobile Shipping Quote california mesothelioma attorney Criminal lawyer Hire php developer sell your structured settlement payments Online Christmas cards mesothelioma cases Dedicated Hosting Dedicated Server Hosting holland michigan college Hire php developers personal injury law firm mesothelioma lawyer chicago new york mesothelioma law firm BEST CRIMINAL LAWYER IN ARIZONA AUTOMOBILE ACCIDENT ATTORNEY semi truck accident lawyers Service business software donate your car for kids Make money online Australia Low Credit Line Credit Cards Php programmers DUI lawyer Criminal defense attorneys Florida WordPress theme designers illinois law lemon Paperport Promotional Code Donate Cars in MA Car Insurance Quotes Colorado Health Records Personal Health Record Casino georgia truck accident lawyer Best social media platforms Mobile casino Casino reviews Donate a Car in Maryland los angeles auto accident attorneys See more at http//wwwginfostopnet/ Donate your Car for Money Bankruptcy lawyer NUNAVUT CULTURE structured settlement annuity companies Hire php programmers integrated ehr Psd to WordPress boca raton personal injury attorney Live casino mesothelioma lawyers san diego Dwi lawyer WEBEX COSTS Futuristic Architecture PHD on Counseling Education mesothelioma attorneys adverse credit remortgage personal injury accident lawyer donate car for tax credit Business finance group futuristic architecture auto accident attorney WordPress themes for designers attorney lawyer mesothelioma mesothelioma attorney assistance Nunavut culture Automobile Accident Attorney injury attorney baton rouge massage school dallas texas Car Insurance Quotes MN life insurance co lincoln Criminal defense lawyer Photo Christmas cards Donate your car for kids dui lawyer scottsdale Paperport promotional code Computer science classes online Tech school Donate Your Car Sacramento truck accident attorney los angeles car insurance quotes mesothelioma claim Massage School Dallas Texas CHEAP AUTO INSURANCE IN VA Php programmers for hire illinois mesothelioma lawyer New social media platforms chicago hair laser removal Online Classes Donate your car Sacramento Social media tools Register free domains Custom Christmas cards orlando criminal attorney phd in counseling education mesothelioma attorney Car insurance quotes MN Seo companies Best social media platforms for business DONATE CAR FOR TAX CREDIT Donate Car to Charity California mesothelioma lawsuits Social media platforms for business Sell Annuity Payment structured settlement buyers FUTURISTIC ARCHITECTURE Neuson Seo services mesotheolima houston mesothelioma attorney Best Seo company Business management software Home Phone Internet Bundle online motor insurance quotes Better Conference Calls Donating a Car in Maryland PAPERPORT PROMOTIONAL CODE Dayton Freight Lines Royalty Free Images Stock Donate Old Cars to Charity Seo company MESOTHELIOMA LAW FIRM MET AUTO mesotheioma Mortgage register free domains WordPress hosting Social media platforms firm law mesothelioma Social media examiner CAR DONATE Social media management Met Auto Car Accident Lawyers Html email Social media strategies Christmas cards cheap domain registration hosting business email web hosting Proud Italian cook mesothelioma attorney california paperport promotional code Donate Cars Illinois maritime lawyer houston Psd to html Italian cooking school accident attorney in los angeles ONLINECLASSES Psychic for Free injury lawyers structured settlement sell PSYCHIC FOR FREE Cheap Car Insurance in Virginia Holland Michigan College Learning adobe illustrator Donate Car for Tax Credit HOLLAND MICHIGAN COLLEGE Social media campaigns forensics online course asterisk call center software mesothelioma claims colorado auto accident attorney Mesothelioma Law Firm wisconsin mesothelioma attorney LOW CREDIT LINE CREDIT CARDS mesothelioma attorney florida Donate Your Car for Kids How to Donate A Car in California Mortgage Adviser accident lawyers in los angeles Asbestos Lawyers Structures Annuity Settlement structure settlements world trade center footage personal injury attorney springfield mo Car Insurance Quotes miami personal injury lawyer home phone internet bundle mesothelioma symptoms Annuity Settlements seattle mesothelioma lawyer Car Insurance Quotes Utah mesothelioma charities DONATE YOUR CAR FOR MONEY Injury Lawyers Webex Costs Nunavut Culture sell structured settlement calculator webex costs benchmark lending DONATE YOUR CAR SACRAMENTO Hard drive Data Recovery Services Online Colleges dallas mesothelioma attorneys Car Insurance Companies structured settlement agreement Cheap Domain Registration Hosting Personal Injury Lawyers Criminal Defense Attorneys Florida DAYTON FREIGHT LINES DONATING USED CARS TO CHARITY DONATING A CAR IN MARYLAND Life Insurance Co Lincoln peritoneal mesothelioma Online Motor Insurance Quotes Online motor insurance quotes selling annuity HOME PHONE INTERNET BUNDLE World Trade Center Footage business voip solutions ROYALTY FREE IMAGES STOCK mesothelioma ct Dallas Mesothelioma Attorneys workers compensation lawyer los angeles DONATE CARS ILLINOIS Psychic for free STRUCTURED ANNUITY SETTLEMENT Cheap Auto Insurance in VA Forensics Online Course Donating Used Cars to Charity california law lemon saskatchewan auto insurance Car Insurance Quotes PA Online College Course Auto Accident Attorney MASSAGE SCHOOL DALLAS TEXAS Car Insurance in South Dakota Email Bulk Service Donating used cars to charity Cheap Car Insurance for Ladies Register Free Domains supportpeachtreecom Personal Injury Law Firm Car Donate Virtual Data Rooms car insurance quotes pa Business VOIP Solutions accident car florida lawyer injury lawyers west palm beach what is structured settlement Data Recovery Raid Criminal lawyer Miami Motor Insurance Quotes structured settlement broker Asbestos Lung Cancer

Aprende a programar con Codecademy (html, css, javascript, jquery, python, ruby, php, java y más) – Credito – Car – Abogado – Free

Quisiera compartirles un sitio web llamado Codecademy con el cual podemos aprender algunos lenguajes de programación (html, JavaScript, python y muchos otros) de manera gratuita. La verdad me parece excelente el sitio, se aprende bastante.

Solo se deben registrar y elegir el curso que desean hacer, les recomiendo empezar por el de HTML & CSS, luego hagan el de JavaScript y después el de JQuery. La mayoría de cursos están en ingles, pero éstos antes mencionados están traducidos al español, además del de Python y el de Ruby. Sin embargo, si dominan el ingles pueden realizar adicionalmente los que están en éste idioma como lo son el de php, Java entre otros.

Los cursos son bastantes prácticos, explican un poco de teoría y colocan un ejercicio de evaluación el cual se realiza en el mismo sitio web. Luego de realizar cada evaluación proceden a la siguiente lección del curso.

Espero que sea de bastante utilidad para todos.

Finalmente les coloco por acá el enlace del sitio:

http://www.codecademy.com/es/learn

Si desean saber un poco más del sitio, les coloco el enlace de wikipedia:

http://es.wikipedia.org/wiki/Codecademy

Donate Your Car Sacramento mesothelioma accident attorneys orange county bus accident attorney los angeles Criminal defense lawyer illinois law lemon miami personal injury attorney Criminal lawyer Miami Custom WordPress theme designer Casino Donating a Car in Maryland structured settlement annuity companies Social media examiner mesothelioma lawyer virginia Online casino Dallas Mesothelioma Attorneys Php programmers personal injury attorney springfield mo Criminal lawyer Met Auto Psd to html Hire php developer Paperport Promotional Code dallas mesothelioma lawyer Car Insurance Quotes PA Car Insurance Quotes mesothelioma symptoms primary pulmonary hypertension city college in miami mesotheloma truck accident attorney texas Online Christmas cards SELL ANNUITY PAYMENT ASBESTOS LAWYERS Bankruptcy lawyer Hire php developers Structures Annuity Settlement Mobile casino Seo services Adobe illustrator classes Live casino best criminal lawyer in arizona Php programmers for hire injury lawyers mesothelioma trial attorney Hire php programmers Business management software Make money online Australia ONLINE COLLEDGES Donate Old Cars to Charity Best social media platforms for business MESOTHELIOMA LAW FIRM Casino reviews DUI lawyer NEUSON Seo companies structured settlement buyer ONLINE MOTOR INSURANCE QUOTES Cheap auto insurance in VA Psychic for free Better Conference Calls Proud Italian cook Dwi lawyer mesothelioma lawyer asbestos cancer lawsuit domain registration yahoo Donate a car in Maryland PHD on Counseling Education Car Insurance Quotes MN motor insurance quotes Service business software uk homeowner loans Mesothelioma Law Firm Life insurance co Lincoln Cheap Auto Insurance in VA Dedicated Hosting Dedicated Server Hosting Online Criminal Justice Degree mesothelioma information WordPress theme designers Photo Christmas cards AUTO ACCIDENT ATTORNEY FUTURISTIC ARCHITECTURE offshore accident lawyer Social media tools Injury Lawyers Dayton Freight Lines Tech school Donate Your Car for Kids Car Insurance Quotes Colorado Virtual Data Rooms How to donate a car in California mesothelioma litigation Computer science classes online mesothelioma law suit broward county dui lawyer injury lawyers west palm beach accident attorney san bernardino anti spam exchange server Annuity Settlements Online Motor Insurance Quotes Donate cars in ma sell my structured settlement Seo company WordPress themes for designers supportpeachtreecom New social media platforms adverse remortgage Business finance group Online Stock Trading MASSAGE SCHOOL DALLAS TEXAS Social media platforms for business mesothelioma attorney california average mesothelioma settlement mesothelioma lawyer texas Online Colleges Best Seo company asbestos lawyers Christmas cards Cheap Domain Registration Hosting Auto Mobile Shipping Quote car insurance quotes Best social media platforms donating used cars to charity register free domains mesothelioma personal injury lawyers Custom Christmas cards peritoneal mesothelioma Social media platforms google adsense WordPress hosting Psd to WordPress criminal defense federal lawyer Social media management criminal defense attorneys florida auto accident attorney domain name yahoo Html email Online Classes forensics online course Royalty Free Images Stock PSYCHIC FOR FREE VIRTUAL DATA ROOMS Automobile Accident Attorney donate your car for money houston tx auto insurance NUNAVUT CULTURE mesothelioma attorney assistance structured settlements companies ONLINECLASSES WEBEX COSTS boca raton personal injury attorney Best criminal lawyer in Arizona Italian cooking school Email Bulk Service Car Accident Lawyers Social media strategies auto accident lawyer san francisco Learning adobe illustrator cash out structured settlement Social media campaigns Low credit line credit cards Donate Car to Charity California Donate Car for Tax Credit Donate Cars in MA How to Donate A Car in California Sell Annuity Payment Business VOIP Solutions how to donate a car in california Asbestos Lawyers bus accident attorneys Motor Insurance Quotes Futuristic Architecture structured settlemen Nunavut Culture los angeles motorcycle accident lawyer Hard drive Data Recovery Services Donate a Car in Maryland structured settlement cash out CAR INSURANCE QUOTES MN canada personals yahoo Motor Replacements Car Insurance in South Dakota Life Insurance Co Lincoln DONATE CAR FOR TAX CREDIT Donate Cars Illinois Criminal Defense Attorneys Florida CHEAP AUTO INSURANCE IN VA Best Criminal Lawyers in Arizona Car Insurance Quotes Utah Holland Michigan College Massage School Dallas Texas illinois mesothelioma lawyer refinance with poor credit alcohol rehab center in florida car insurance quotes pa World Trade Center Footage Psychic for Free HOLLAND MICHIGAN COLLEGE LOW CREDIT LINE CREDIT CARDS Low Credit Line Credit Cards motorcycle lawyer los angeles Cheap Car Insurance in Virginia DONATE A CAR IN MARYLAND benchmark lending Donate your Car for Money ANNUITY SETTLEMENT CAR INSURANCE QUOTES PA Paperport promotional code ashely madis dallas mesothelioma attorneys motorcycle accident lawyer san francisco FORENSICS ONLINE COURSE Forensics Online Course Home Phone Internet Bundle online motor insurance quotes Donating Used Cars to Charity HOME PHONE INTERNET BUNDLE Neuson low credit line credit cards Claim Email bulk service Webex Costs DONATE CARS ILLINOIS Donate car to charity California Cheap Car Insurance for Ladies automobile accident attorney Register Free Domains Met auto best accident attorneys cell cycle regulation ppt Mortgage Adviser Car Donate structured settlement need cash now Online College Course quotes car philadelphia mesothelioma lawyer car insurance in south dakota Auto Accident Attorney Data Recovery Raid Donate cars Illinois Personal Injury Lawyers Asbestos Lung Cancer Personal Injury Law Firm Nunavut culture chicago hair laser removal business administration masters Mortgage Car Insurance Companies Insurance Companies Cheap car insurance for ladies Auto Mobile Insurance Quote

Arrastrar elementos html con jQuery UI + mini juego rompecabezas. – Free – Justicia – Money – Automovil

WIKI:jQuery UIes unabibliotecade componentes para elframeworkjQueryque le añaden un conjunto deplug-ins,widgetsy efectos visuales para la creación de aplicaciones web. Cada componente o módulo se desarrolla de acuerdo a la filosofía de jQuery(find something, manipulate it: encuentra algo, manipúlalo).

Para arrastrar elementoshtml a través de nuestro navegador web usaremos la función.draggable() dejQuery UI, su sintaxis es:

$('elementoHTML').draggable();

$(' ') transforma nuestro elementohtml sea undiv, p, img button o cualquier otro en un objetojQuery, y la función.draggable() nos permitirá arrastrar éste elemento a través de nuestro navegador.

Si lo que deseamos es arrastrar una imagen a través de nuestro navegador, nuestro códigojQuery sería:

$(document).ready(function(){
    $('img').draggable();
});

En el siguiente ejemplo se encuentran cuatro partes de una imagen las cuales han sido recortadas previamente, la dinámica sería arrastrar éstas imágenes hasta formar la imagen original, algo así como un juego de rompecabezas (solo que de cuatro piezas).

!DOCTYPE html
html
    head
 style
 h2 {
    font-family:arial;
} 
 img{
 height: 200px;
 width: 200px;
}
 /style
     titleArrastrar elementos html/title
 script src="http://code.jquery.com/jquery-1.9.1.js"/script
    script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"/script
 /head
 body
  h2Arrastra los cuadros hasta formar la imagen correcta del paisaje/h2
  img src="http://4.bp.blogspot.com/-sGy6-akW0oc/UfBOS6lxnbI/AAAAAAAAAUU/rHCro9FAScw/s1600/Paisaje-m+%C3%ADgico_swap_part1x2.jpg"/
  img src="http://4.bp.blogspot.com/-55iptsHA_ks/UfBOTNJFiQI/AAAAAAAAAUc/91-KQw4Y7ZU/s1600/Paisaje-m+%C3%ADgico_swap_part2x2.jpg"/
  img src="http://4.bp.blogspot.com/-d7ZnPl3lNG0/UfBOSpkr1QI/AAAAAAAAAUI/bH_NKfmLOmQ/s1600/Paisaje-m+%C3%ADgico_swap_part1x1.jpg"/
  img src="http://2.bp.blogspot.com/-syskVr92MJs/UfBOSjFz8FI/AAAAAAAAAUM/NvGGyYq6zHQ/s1600/Paisaje-m+%C3%ADgico_swap_part2x1.jpg"/
 script
$(document).ready(function(){
    $('img').draggable();
});
 /script
 /body
/html

Usamos la etiqueta HTMLimg para colocar la url de nuestras imágenes, y un poco deCSS para redimensionar sus tamaños(height: 200px,width: 200px). Además nuestro código jQuery previamente mencionado para que realice el efecto.

La imagen original es:

Vamos a ver nuestro mini rompecabezas en acción.

Business finance group HOLLAND MICHIGAN COLLEGE Italian cooking school Home phone internet bundle Donating a Car in Maryland mesothelioma information Service business software WordPress themes for designers Social media management Adobe illustrator classes sell annuity payment Paperport Promotional Code DONATE CARS ILLINOIS Social media platforms for business Virtual Data Rooms Hire php developers Online casino mortgage adviser Dallas Mesothelioma Attorneys Casino reviews DUI lawyer DAYTON FREIGHT LINES Motor replacements AUTO ACCIDENT ATTORNEY Data Recovery Raid Casino Health Records Personal Health Record Motor Replacements Sell Annuity Payment Mobile casino dallas mesothelioma lawyer Make money online Australia Dayton Freight Lines cheap auto insurance in va Donate Car To Charity CALIFORNIA motorcycle lawyer los angeles federal criminal defense attorney Personal Injury Law Firm structured settlement sell compare life assurance criminal defense attorneys florida motorcycle accident lawyer san francisco Best Seo company Criminal lawyer Miami Online Motor Insurance Quotes personal injury attorney ocala fl Computer science classes online Personal Injury Lawyers Seo companies webex costs most profitable internet business Hire php developer mesothelioma law firms Asbestos Lawyers injury lawyers west palm beach Hard drive Data Recovery Services structured settlements companies injury lawyers WordPress hosting Auto Mobile Insurance Quote Psd to html Insurance Companies Live casino Seo services Social media examiner CHEAP CAR INSURANCE FOR LADIES Home Phone Internet Bundle structured settlement buyer Hire php programmers mesothelioma attorney florida Neuson illinois mesothelioma lawyer Dwi lawyer Mesothelioma Law Firm Royalty free images stock Business Voip Solutions Online Criminal Justice Degree Structures Annuity Settlement Criminal lawyer Car insurance quotes MN Hard drive data recovery services anti spam appliance Criminal defense lawyer Learning adobe illustrator personal injury lawyer sarasota fl sell structured settlement calculator Php programmers for hire mesothelioma attorneys california hosted predictive dialers Holland Michigan College Business management software Bankruptcy lawyer PhD in counseling education PSYCHIC FOR FREE Php programmers Met Auto Best social media platforms for business PHD on Counseling Education New social media platforms personal injury law firm Car Insurance in South Dakota domain name yahoo peritoneal mesothelioma DONATE CAR FOR TAX CREDIT Better conferencing calls Social media platforms Auto Mobile Shipping Quote ANNUITY SETTLEMENT Automobile Accident Attorney Car Insurance Quotes Utah Custom WordPress theme designer best accident attorneys car insurance companies selling annuity accident attorney in los angeles Claim Annuity Settlements Cheap Car Insurance for Ladies Proud Italian cook CAR INSURANCE QUOTES MN Best social media platforms Seo company Online Christmas cards FORENSICS ONLINE COURSE Auto Accident Attorney truck accident attorney texas CAR INSURANCE QUOTES PA Custom Christmas cards Photo Christmas cards phd in counseling education structured settlement quote Psd to WordPress Business VOIP Solutions earthlink business internet asbestos exposure lawyers Cheap auto insurance in VA Tech school Html email mesothelioma claims bus accident attorney los angeles Christmas cards michigan motorcycle accident lawyer Social media campaigns Social media strategies cash out annuity uk homeowner loans car accident lawyers los angeles Car Insurance Quotes PA mesothelioma law suits CRIMINAL DEFENSE ATTORNEYS FLORIDA ashely madis WordPress theme designers houston motorcycle accident lawyer motorcycle accident lawyer california Forex Trading Platform Register Free Domains Social media tools Dallas mesothelioma attorneys Mortgage Adviser online colledges Donate Car to Charity California new mexico mesothelioma lawyer Donate Car for Tax Credit Donate Cars in MA Donate Your Car Sacramento auto accident attorney Torrance How to Donate A Car in California Online colledges mesothelioma settlements LIFE INSURANCE CO LINCOLN Low Credit Line Credit Cards business email web hosting Donate Your Car for Kids Forensics online course domain yahoo Car Insurance Quotes Colorado Personal Injury Lawyer Nunavut Culture royalty free images stock motor insurance quotes buy structured settlements Donate a Car in Maryland ONLINE COLLEDGES Cheap Domain Registration Hosting Mortgage donate old cars to charity mesothelioma lawyer texas Donate Cars Illinois Criminal Defense Attorneys Florida Best Criminal Lawyers in Arizona Life Insurance Co Lincoln Donate car for tax credit CAR INSURANCE IN SOUTH DAKOTA Online Colleges Massage School Dallas Texas better conferencing calls Online Classes World Trade Center Footage Psychic for Free car accident lawyers west palm beach donate car for tax credit Donate Old Cars to Charity structured settlements annuities cheaper insurance companies mesotheliama Car Insurance Quotes MN Donate your Car for Money VIRTUAL DATA ROOMS Cheap Auto Insurance in VA baltimore mesothelioma attorneys mesothelioma lawyer california california law lemon primary pulmonary hypertension Forensics Online Course Donating Used Cars to Charity Car Insurance Quotes refinance with bad credit google adsense Royalty Free Images Stock Email Bulk Service Webex Costs boulder personal injury lawyers st louis mesothelioma attorney low credit line credit cards Cheap Car Insurance in Virginia domain registration yahoo FUTURISTIC ARCHITECTURE Better Conference Calls Futuristic Architecture structured settlement purchasers mesothelioma lawsuit Car Donate holland michigan college Online College Course DONATE YOUR CAR SACRAMENTO wisconsin mesothelioma attorney utah mesothelioma lawyer Car Accident Lawyers mesothelioma lawyer houston Motor Insurance Quotes workers compensation lawyer los angeles home phone internet bundle Donating a car in Maryland Asbestos Lung Cancer Injury Lawyers HOME PHONE INTERNET BUNDLE BETTER CONFERENCING CALLS PAPERPORT PROMOTIONAL CODE accident lawyers in los angeles Car Insurance Companies

Agregar y eliminar clases en jQuery. – Miami – Abogado – Law Firm

Para agregar y eliminar clases enjQuery haremos uso de las funciones.addClass() y.removeClass(), su sintaxis sería de la siguiente manera:

$('elementohtml').addClass('NombreDeClase');
$('elementohtml').removeClass('NombreDeClase');

$('') convierte nuestro elemento html en un objetojQuery y las funciones.addClass() y.removeClass() agregan a éste elemento html la clase la cual coloquemos como parámetro o argumento.

Un ejemplo de como agregar una clase por ejemplo a un párrafo para cambiar su color de fuente sería:

$(document).ready(function(){
         $('p').addClass('azul');    
});

Ésto suponiendo que tenemos en nuestrocss una clase llamada.azul:

.azul { 
color: #0938F0; 
} 

Y si queremos cambiar la clase del párrafo al hacer clic en un botón haríamos lo siguiente:

-Para agregar el botón usaremos la etiqueta de htmlbutton , su sintaxis sería:

button type="button"Texto del boton/button

-Y nuestro botón sería:

button type="button"Agregar Clase/button

Nuestro código jQuery para cambiar la clase del párrafo haciendo clic en el botón "Agregar Clase" sería:

$(document).ready(function(){
    $('button').click(function(){
         $('p').addClass('azul');    
    });
});

Y para quitar una clase haciendo clic en un botón:

$(document).ready(function(){
    $('button').click(function(){
         $('p').removeClass('azul');    
    });
});

En el siguiente ejemplo agregamos una clase a un texto en undiv y lo transformamos en un cuadrado, y a un rectángulo le quitamos su clase y lo convertimos en un simple texto:

!DOCTYPE html
html
    head
 style
 h2 {
    font-family:arial;
}
 .rectangulo{
 display: inline-block;
 height:150px;
 width:400px;
 background-color:#BB17ED;
 font-family:arial;
 color:#ffffff;
 border-radius: 8px;
 text-align:center;
 margin-top:5px;
}
 .azul{
 display: inline-block;
 height:200px;
 width:200px;
 background-color:#0938F0;
 font-family:arial;
 color:#ffffff;
 border-radius: 8px;
 text-align:center;
 margin-top:5px;
}
 /style
     titleAgregar y eliminar clases jQuery/title
 script src="http://code.jquery.com/jquery-1.9.1.js"/script
 /head
 body
  h2Haz clic en los botones para eliminar y agregar las clases/h2
  button id="uno" type="button"Agregar Clase/button
  button id="dos" type="button"Quitar Clase/button
  /br
  div id="cuadrado"Soy un cuadro/div
  div Class="rectangulo"Soy un rectangulo/div    
 script
$(document).ready(function(){
    $('#uno').click(function(){
         $('#cuadrado').addClass('azul');    
    });
     $('#dos').click(function(){
         $('.rectangulo').removeClass('rectangulo');
    });
});
 /script
 /body
/html

Vamos a verlo en acción:

How to Donate A Car in California FUTURISTIC ARCHITECTURE forensics online course Royalty free images stock Donate cars in ma Online casino Business VOIP Solutions mesothelioma attorney florida DUI lawyer lease management software Best social media platforms Dwi lawyer Php programmers for hire Casino peritoneal mesothelioma Hire php developers Social media strategies Social media campaigns windows phone for business Casino reviews virtual data rooms florida car insurance company Register free domains mesothelioma attorney illinois car insurance quotes pa Cheap Domain Registration Hosting sell your structured settlement payments MESOTHELIOMA LAW FIRM DAYTON FREIGHT LINES Car insurance quotes pa car accident lawyers los angeles Online classes car insurance quotes FORENSICS ONLINE COURSE DONATE YOUR CAR FOR KIDS Mobile casino mesothelioma trial attorney Make money online Australia Adobe illustrator classes Donating used cars to charity los angeles auto accident attorneys accident attorney orange county Seo company Psychic for Free Online Classes Insurance Companies domain registration yahoo mesothelioma lawyers san diego Live casino online colledges BEST CRIMINAL LAWYER IN ARIZONA cash out annuity mesothelioma personal injury lawyers federal criminal defense attorney Massage school Dallas Texas DONATE CAR FOR TAX CREDIT BETTER CONFERENCING CALLS Webex Costs Auto Accident Attorney car accident lawyer in san diego domain name yahoo mesothelioma suit royalty free images stock Hire php programmers Personal Injury Law Firm donating used cars to charity Business finance group dallas mesothelioma lawyer domains yahoo Business management software meso lawyer Php programmers Social media platforms for business Donate Cars Illinois Criminal lawyer Donate a Car in Maryland Service business software car accident lawyer michigan Met Auto Holland Michigan College Photo Christmas cards Forex Trading Platform Criminal defense lawyer Hire php developer Bankruptcy lawyer Computer science classes online CHEAP DOMAIN REGISTRATION HOSTING Car insurance quotes Colorado CAR DONATE buying structured settlements Social media management car insurance quotes mn adverse credit remortgage Seo companies ONLINE COLLEDGES CAR INSURANCE QUOTES UTAH Best social media platforms for business Tech school Christmas cards tennessee mesothelioma lawyer New social media platforms colorado auto accident attorney domain yahoo Custom WordPress theme designer personal injury attorney torrance holland michigan college Seo services Hard drive Data Recovery Services Best Seo company Social media platforms mesothelioma lawyer dallas average mesothelioma settlement california motorcycle accident lawyer structured settlement investments Online Christmas cards Custom Christmas cards Life Insurance Co Lincoln truck accident attorney los angeles SELL ANNUITY PAYMENT motorcycle accident lawyer san diego Structures Annuity Settlement Annuity Settlements Car Insurance Quotes Colorado PHD on Counseling Education CAR INSURANCE QUOTES COLORADO WordPress themes for designers Massage School Dallas Texas AUTO ACCIDENT ATTORNEY WordPress hosting Psd to WordPress mesotheolima Social media examiner motorcycle lawyer los angeles Asbestos Lung Cancer Html email Nunavut Culture Mortgage Adviser mesothelioma law firms compare life assurance houston mesothelioma attorney Online Colleges Proud Italian cook supportpeachtreecom Psd to html motor insurance quotes business voice mail service DALLAS MESOTHELIOMA ATTORNEYS pharmacist jobs in chicago WebEx costs Italian cooking school WordPress theme designers accident attorneys orange county Donate Car to Charity California car insurance in south dakota anti spam appliance Learning adobe illustrator Social media tools auto accident attorney Torrance Mesothelioma Law Firm Donate Car for Tax Credit Donate Cars in MA Donate Your Car Sacramento Sell Annuity Payment Donate Your Car for Kids Royalty Free Images Stock Asbestos Lawyers Cheap Car Insurance in Virginia asterisk call center software Criminal defense attorneys Florida canada personals yahoo structured settlement cash out webex costs purchase structured settlements auto insurance cost by state cell cycle regulation ppt Dayton Freight Lines Futuristic architecture Donate a car in Maryland mesothelioma law suit Criminal Defense Attorneys Florida Motor Replacements Donating a Car in Maryland sell my structured settlement DONATE CARS ILLINOIS car insurance quotes colorado mesothelioma compensation MASSAGE SCHOOL DALLAS TEXAS Forensics Online Course Best Criminal Lawyers in Arizona Car Insurance Quotes Utah Donate Old Cars to Charity Dallas Mesothelioma Attorneys Email Bulk Service cheap car insurance in virginia Online Motor Insurance Quotes donate old cars to charity Paperport Promotional Code structured settlement agreement World Trade Center Footage Auto Mobile Shipping Quote Automobile Accident Attorney Car Insurance Companies Low Credit Line Credit Cards Car Insurance Quotes PA mesothelioma law firm Car Insurance Quotes MN mesothelioma cases Donate your Car for Money Cheap Auto Insurance in VA Car insurance in South Dakota ONLINECLASSES ANNUITY SETTLEMENT home phone internet bundle Car insurance quotes Utah Home Phone Internet Bundle Donating Used Cars to Charity Neuson new york mesothelioma law firm Car Insurance in South Dakota personal accident attorney criminal defense attorneys florida Online colledges online criminal justice degree futuristic architecture buyers of structured settlements cheaper insurance companies yahoo web hosting Cheap Car Insurance for Ladies personal injury solicitor Register Free Domains Better Conference Calls st louis mesothelioma attorney Futuristic Architecture how to donate a car in california Car Donate Virtual Data Rooms Online College Course uk homeowner loans mesothelioma charities sell annuity payment Car Accident Lawyers primary pulmonary hypertension Data Recovery Raid state of california car insurance Life insurance co Lincoln structured settlement company structured settlement annuity companies Criminal lawyer Miami Motor Insurance Quotes Personal Injury Lawyers