Try this. It is using jQuerys offset() method to get the current
elements position.
This way you do not have to create a class for each position you need
to to be in. Let JQuery figure that part out.
You will probably have to tweak the css offset a bit to get it to sit
exactly where you want over the ul.
eg.
top: offset.top - 15,
left: offset.left - 25
<script type="text/javascript">
$("#myol").everyTime(4000, "myrotate", function() {
var $this = $(this), $thisli = $this.find("li"), offset;
$this.data("currentshow", $this.data("currentshow") || 0);
offset = $thisli.removeClass("on").eq($this.data("currentshow"))
.addClass("on")
.offset();
$("#arrow")
.css({
top: offset.top - 15,
left: offset.left - 25
})
.show();
$this.data("currentshow", $this.data("currentshow") ===
$thisli.length ? 0 : $this.data("currentshow") + 1);
});
</script>
On May 26, 12:21 am, MauiMan2 <cmzieba...@gmail.com> wrote:
> Hmm, I think that might work. Now just have to tinker w/ it a bit to
> get the arrow to animate as well. Thanks, Pepperman!
>
> On May 25, 7:57 pm, Pepperman <chorno...@gmail.com> wrote:
>
>
>
> > I had to do something like this recently.
>
> > Try this:
>
> > <ol id="myol">
> > <li>We establish, through the Secretary of State, a Corporation in
> > any state you choose as your home base of operations.</li>
> > <li>We customize a 401k plan that can invest in your corporate stock
> > and traditional investments.</li>
> > <li>Our experts help you roll over your retirement funds into the
> > 401k plan that you control.</li>
> > <li>The 401k makes a direct purchase of your corporate stock,
> > infusing your corporation with cash.</li>
> > <li>We help you set up a Corporate Bank Account with checkbook
> > control of your corporate funds.</li>
> > </ol>
>
> > <script type="text/javascript">
> > $("#myol").everyTime(4000, "myrotate", function() {
>
> > var $this = $(this), hlen = $this.find("li").length;
>
> > $this.data("currentshow", $this.data("currentshow") || 0);
>
> > $this.find("li").removeClass("on")
> > .eq($this.data("currentshow"))
> > .addClass("on");
>
> > $this.data("currentshow", $this.data("currentshow") === hlen ? 0 :
> > $this.data("currentshow") + 1);});
>
> > </script>
>
> > On May 25, 5:28 pm, MauiMan2 <cmzieba...@gmail.com> wrote:
>
> > > I've used the jQuery Timers plugin (http://plugins.jquery.com/project/
> > > timers) to animate through my client's "five steps" on this
> > > page:http://www.cmzmedia.com/irarollover/butisthere a way to get it to
> > > continuously loop through the animation? The documentation page
> > > (http://jquery.offput.ca/timers/) doesn't seem to cover anything like
> > > that. Thanks in advance.
