Submit your widget

jquery flip Text

Created 11 years ago   Views 9810   downloads 997    Author pupunzi
jquery flip Text
View DemoDownload
93
Share |

Never needed to flip your text vertically?

jquery.mb.flipText is a simple plug-in to turn your text vertically in both direction: top-bottom or bottom-top.
It embeds an SVG object so you can use whatever font-family, or font-size you need and tey'll be preserved. For IE (that doesn't support SVG) it works with its own filter property. Wasn't that something you would have done on your HTML pages?

in the header:

 <script type="text/javascript" src="http://jquery.com/src/jquery-latest.js"></script>
  <script type="text/javascript" src="inc/jquery.mb.flipText.js"></script>
  <script type="text/javascript">
  $(function(){
    $("#tb").mbFlipText(true); // top to bottom
    $("#bt").mbFlipText(false); // bottom to top
  });
  </script>

 

 

in the body:

<div id="tb" > text top to bottom  </div>
  <div id="bt" > text bottom to top  </div>