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.
