Advanced Search

Return to Snippet

Revision: 36687
at November 24, 2010 23:42 by serialk89
Initial Code 
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

	<title>CSSLab - jQuery plugin fontSizer</title>
	<script src="jquery-1.2.6.min.js" type="text/javascript"></script>
	<script src="jquery.fontSizer.js" type="text/javascript"></script>
	<script type="text/javascript">
		
                //FUNCION QUE DISMINUYE LA FUENTE DEL DIV      
                $(document).ready(function(){
			$('#aumentar').fontSizer({
				action: "up",
				elements: "#content",
				max: 36
			});
			
			$('#disminuir').fontSizer({
				action: 'down',
				elements: "#content"
			});
		})
	</script>

	<style type="text/css">
		body {font-family: Georgia, serif;}
	</style>
</head>

<body>

	<a href="#" id="aumentar" title="Aumenta tama&ntilde;o texto">Aumenta</a> - <a href="#" id="disminuir" title="Disminuye tama&ntilde;o texto">Disminuye</a>
	
	<div id="content">
		<h1>CSSLab - jQuery plugin fontSizer</h1>

		<ul>
			<li>Uno</li>
			<li>Dos</li>
			<li>Tres</li>
		</ul>
		<p>Vivamus auctor leo vel dui. <strong>Aliquam erat</strong> volutpat. Phasellus nibh. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras tempor. Morbi egestas, urna non consequat tempus, nunc arcu mollis enim, eu aliquam erat nulla non nibh. Duis consectetuer malesuada velit. Nam ante nulla, interdum vel, tristique ac, condimentum non, tellus. Proin ornare feugiat nisl. Suspendisse dolor nisl, ultrices at, eleifend vel, consequat at, dolor.</p>

	</div>
	
</body>
Initial URL 









Initial Description





Disminuye el tamaño de la fuente de un div definido por medio de etiquetas.









Initial Title





DISMINUIR EL TAMAÑO DE LA FUENTE DE UN DIV CON JQUERY









Initial Tags














Initial Language





jQuery