Posted By

serialk89 on 11/24/10

Tagged

Versions (?)

Last Edited at 11/24/10 11:42pm

Statistics

Viewed 645 times

Favorited by 0 user(s)

Related snippets

DISMINUIR EL TAMAÃ‘O DE LA FUENTE DE UN DIV CON JQUERY

/ Published in: jQuery

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

Highlighted TextExpand

<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>

<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>

Report this snippet Tweet

Comments

Subscribe to comments

Comment:

You need to login to post a comment.