CSS-only Menus. Mosaic - Sliding Boxes and Captions jQuery Plugin. Totem: A Vertical Ticker jQuery Plugin. Features Totem makes vertical tickers easy to implement by: Turning a list of items into an animated ticker that auto-advancesSpecifying anchors for stop, start, next, and previous navigation links. Installation Load jquery.totemticker.js or the minified jquery.totemticker.min.js script.
Call the totemticker function on a UL or OL element. Demos Use cases with varying options. Default settings w/ mouseover and navigation Options The following options are available via the plugin array. Next : null previous : null stop : null start : null row_height : '100px' speed : 800 interval : 4000 max_items : null mousestop : false direction : 'down' previous, next CSS ID's of next and previous buttons. Start, stop CSS ID's of stop and start buttons. Row_height Height of each ticker row in PX. Speed Speed of transition animation in milliseconds. Max_items Optional. Mousestop If set to true, the ticker will stop while mouse is hovered over it direction Direction that list will scroll (down or up) Some Notes License.
Grid Accordion. Grid Accordion combines the functionality of a grid gallery and an accordion slider, offering you an interesting method to display your portfolio. For Designers For Developers Modular architecture – the plugin consist of several modules and you can build your own script, containing only the features you will be usingCSS3 transitions and RequestAnimationFrame – modern animation techniques are used in order to provide smooth animationsPowerful API – Grid Accordion provides multiple public method and callback functions, and also the possibility to change the properties on runtime You can read more about the above features and see them in action here.
If you have any questions or need assistance integrating the accordion, please feel free to ask; I will gladly help you. Most of the buyers give this script 5 stars but if you plan to rate it lower than 5 stars I would really appreciate if you contact me first with your suggestions/complaints; maybe I can resolve those issues Thank you! Changelog. CSS3 Grid Accordian using :target.
Information Click any of the above 'thumbnail' images to expand them to full size. Once expanded then the large image will stay visible even if clicking elsewhere on the page. Click the 'RESET' button to return the grid to its initial position. IE9 will see an instant jump in the size of the images, but all other browsers will see these animate to their new sizes.
Hopefully IE10 will also see the animation when it is finally released. This uses :target with the general sibling selector and there is no jump to the top of the browser window when clicking the thumbnails. 27th June 2012 - recoded and restyled to remove the need for :target and the problems with the browser 'back' button. Copyright Because of all the time and effort spent in producing this demonstrationI would ask that you respect my copyright.