jQueryUI Logo jQuery Tools - Introduktion    vejskilt




JQuery Tools er 17 forskellige værktøjer fordelt på 6 hovedgrupper til indsættelse i HTML-sider. De kan downloades her: x.


De 17 værktøjer er:

  • Tabs
    • Tabs
      Etablering af faneblade. x
    • Slide show
      Etablering af slideshows med manuel eller automatisk billedskift. x
  • Tooltips
    • Tool tip
      Etablering af tooltips. x
    • Slide effect
      Etablering af tooltips, der fader ind og ud. x
    • Dynamic tooltips
      Etablering af tooltips, der selv placerer sig så de er synlige. x
  • Overlay
    • Overlay
      Etablering af overlæg med billeder, tekst eller formularer. x
    • Apple effect
      Etablering af "Apple-look-alike" overlæg. x
  • Scrollable
    • Scrollable
      Etablering af manuel scroll (højre og venstre) mellem faneblade, billeder og andre navigerbare situationer (viser et nyt ad gangen). x
    • Autoscroll
      Etablering af automatisk scroll mellem faneblade, billeder og andre navigerbare situationer x
    • Navigator
      Etablering af manuel scroll (højre og venstre) mellem faneblade, billeder og andre navigerbare situationer (viser flere nye ad gangen). x
  • Forms
    • Validator
      Validering af data indtastet af bruger i en formular. x
    • Rangeinput
      Angivelse af inputværdi enten ved indtastning eller ved træk på en skyder. x
    • Dateinput
      "Traditionel" firkantet månedskalender til valg af dato - månedsvis adskillige år ud i fremtiden og fortiden. x
  • Værktøjskasse
    • Expose
      !!!!!!! x
    • Flashembed
      Indlejring af Flash. x
    • History
      !!!!!!! x
    • Mousewheel
      Overtagelse af kontrol med musehjulet. x





Flash Embed


Anvendelsen af Flash Embed baseres på nedenstående model:


HTML HEAD<script src="http://cdn.jquerytools.org/1.2.6/full/jquery.tools.min.js"></script>
HTML BODY <div id="clock" style="width 728px;">
<script>
flashembed("clock", "temp01.swf");
</script>
</div>
CSS #clock{
width: 728px;
height: 90px;
margin-left: 60px;
padding-top: 15px;
}




















x
x