| Autor |
Mensaje |
-
brianpwg
Semi-Experto
|
 14-08-2011, 17:00 (UTC)
Título del mensaje: [jQuery] Botones animados |
|
|
Fuente : webdesigncrowd
Vista previa : http://brianpwg.es.tl/botonesanimados.htm
Los botones utilizan Css y jQuery , lo primero que vamos a hacer es Copiar este Script Por ensima de la Pagina :
Código: <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript" charset="UTF-8"></script> <script src="http://webdesigncrowd.com/demo/Animated-CSS3-Button-5.25.11/js/animation.js" type="text/javascript" charset="UTF-8"></script>
una vez Pegado correctamente vamos a pegar el css , para ello lo pegamos debajo del Codigo Anterior :
Código: <link href="http://webdesigncrowd.com/demo/Animated-CSS3-Button-5.25.11/style.css" type="text/css" rel="stylesheet" media="screen,projection" />
Una vez pegado eso , lo que vamos a hacer es Pegar el HTML donde queramos :
Cita: <div id="button-container"><a href="http://webdesigncrowd.com" id="button">WebDesignCrowd</a></div>
<div id="button-container" class="demo"><a href="#" id="button">Demo</a>
<div id="arrow-container">
<div id="arrow-rectangle"> </div>
<div id="arrow-triangle"> </div>
</div>
</div>
<div id="button-container" class="email"><a href="#" id="button">Email</a>
<div id="arrow-container">
<div id="arrow-rectangle"> </div>
<div id="arrow-triangle"> </div>
</div>
</div>
<div id="button-container" class="rss"><a href="#" id="button">RSS</a>
<div id="arrow-container">
<div id="arrow-rectangle"> </div>
<div id="arrow-triangle"> </div>
</div>
</div>
Si lo pegaste correctamente como dicho , el boton Funcionaa Correctamente . Es un lindo aporte para que usen en sus Web's , parte por el efecto que le da es Mejor.
Saludos a todos mis Amigos de PWG y tengan buen Dia .
Tambien les quiero decir , si no los quieren con Animacion no Pegen los Scriptt
Ultima edición por brianpwg el Mie Sep 28, 2011 8:38 pm; editado 1 vez
|
|
|
↑
|
|
 |
-
fafo-ayuda
Semi-Experto
Ubicación: PaginaWebGratis.Es
|
14-08-2011, 17:24 (UTC)
Título del mensaje: |
|
|
Muy buenos Brian, también se puede hacer con html, pero consiste en 2 imagenes.
______________
Off |
|
|
↑
|
|
|
-
radiovijaer
Semi-Experto
Ubicación: El Salvador
|
14-08-2011, 18:05 (UTC)
Título del mensaje: |
|
|
ztan muy lindos amiguizo! creo que los ocuparé!
Graciaz  ______________ 
https://radiovijaer.es.tl/ |
|
|
↑
|
|
|
-
brianpwg
Semi-Experto
|
14-08-2011, 18:08 (UTC)
Título del mensaje: |
|
|
radiovijaer escribió: ztan muy lindos amiguizo! creo que los ocuparé!
Graciaz
Gracias a los dos Fafo y Radiovijaer :D |
|
|
↑
|
|
|
-
todaweb7
Destacado
|
14-08-2011, 18:16 (UTC)
Título del mensaje: Re: Botones animados Uzando Js |
|
|
Excelente aporte brian saludos! ______________  Visitar sitio web
 |
|
|
↑
|
|
|
-
brianpwg
Semi-Experto
|
14-08-2011, 18:29 (UTC)
Título del mensaje: Re: Botones animados Uzando Js |
|
|
todaweb7 escribió: Excelente aporte brian saludos!
Gracias amigp |
|
|
↑
|
|
|
-
nesbet
Semi-Experto
Ubicación: Buenos Aires - Argentina
|
14-08-2011, 19:30 (UTC)
Título del mensaje: |
|
|
Hola,
gran aporte, los botones se ven muy bien, y tienen un gran efecto, gracias!  |
|
|
↑
|
|
|
-
brianpwg
Semi-Experto
|
14-08-2011, 19:52 (UTC)
Título del mensaje: |
|
|
nesbet escribió: Hola,
gran aporte, los botones se ven muy bien, y tienen un gran efecto, gracias!
Gracias a ti Nesbet |
|
|
↑
|
|
|
-
noti-gamer
Destacado
Ubicación: Adonde vivo
|
15-08-2011, 01:45 (UTC)
Título del mensaje: |
|
|
|
|
|
↑
|
|
|
-
brianpwg
Semi-Experto
|
15-08-2011, 15:01 (UTC)
Título del mensaje: |
|
|
noti-gamer escribió: Los botones se ven bien,tambien tienen un efecto muy bueno.
Saludos
Gracias NG |
|
|
↑
|
|
|
-
team-soporte
Semi-Experto
|
|
|
↑
|
|
|
|
Hemos activado nuestro foro... 