Here's my take - very limited (17 minutes :D):
http://jsbin.com/ovisa
On Nov 13, 7:42 pm, Jay <[EMAIL PROTECTED]> wrote:
> Thought it was pretty cool, so I threw my own plug in together in a
> little over an hour to mimic what he did there. It's pretty simple
> but should work in ie6/7,ff,safari. You can set a few different
> options, and I'm sure this could be expanded upon to give it a lot
> more power. Anyway, here you go.
>
> <style type="text/css">
> ul { list-style: none; }
> ul li { margin-right: 5px; display: block; float:
> left; overflow:
> hidden; font-size: 12px; height: 20px; }
> ul li a { float: left; display: block; position:
> relative;
> overflow: hidden; height: 20px; }
> </style>
> <script type="text/javascript">
> $(function(){
> $('#breadcrumb').jCrumb({});
> });
>
> (function($){
> $.fn.jCrumb = function(options) {
> var defaults = {
> listLimit : 650,
> itemMin : 15,
> expandTime : 800,
> collapseTime : 800
> };
> var opts = $.extend(defaults, options);
> return this.each(function(){
> var obj = $(this);
> if(obj.width()>opts.listLimit) {
> var children = $('li', obj);
> children.each(function(i){
> if(i>0 &&
> i<(children.length-1)) {
> var el =
> $(this);
>
> el.data('width', el.width())
>
> .children('a').width(el.data('width')).wrap('<span />')
>
> .parent().css({display: 'block', position: 'relative',
> overflow: 'hidden', width: opts.itemMin+'px'})
> .hover(
>
> function() { $(this).stop().animate({ width: el.data
> ('width') },{ duration: opts.expandTime, easing: "swing", queue:
> false }); },
>
> function() { $(this).stop().animate({ width: opts.itemMin
> +'px' }, { duration: opts.collapseTime, easing: "swing", queue:
> false }); }
> );
> }
> });
> }
> });
> }
> })(jQuery);
> </script>
> </head>
> <body>
> <ul id="breadcrumb">
> <li><a href="#">Home</a></li>
> <li><a href="#">Short</a></li>
> <li><a href="#">Random Breadcrumb Super Super Super Super
> Long</a></
> li>
> <li><a href="#">Random Breadcrumb Blach</a></li>
> <li><a href="#">Random Breadcrumb Length Long</a></li>
> <li><a href="#">Random</a></li>
> </ul>
> </body>
>
> On Nov 13, 3:41 pm, George <[EMAIL PROTECTED]> wrote:
>
> > Count me in for the Plug-In request :)
>
> > It's pretty cool and the whole site is done very well, I put it in to
> > my Favorites so later I could revisit and 'steal' some design ideas.
>
> > PS: I am a .NET developer myself and so far find it to be more
> > superior (if I can say that) to Perl.
> > The problem you might have is only because of lack of experience
> > with .NET (no offence). The more you program on .NET the more you
> > going to like it.
> > I am talking from experience here. I was bitching and complaining
> > couple years ago... now I would refuse to work if it's not on .NET
>
> > There is nothing in .NET that prevents you from doing things like they
> > done in Perl.
> > So do not be down on it :)
>
> > George.
