Jump to content

sgtelias

Members
  • Posts

    8
  • Joined

  • Last visited

sgtelias's Achievements

Newbie

Newbie (1/7)

0

Reputation

  1. sgtelias

    Loop animation

    I've used this: <script> $(function () { $("#hormenu").click(function () { var el = $(this); //Prepend the clone & then remove the original element el.before(el.clone(true)).remove(); }); }); </script> The problem is click function. Should have restart without click.
  2. sgtelias

    Loop animation

    I think with Java script is more easy, but for me is unfamiliar. How can i clone the linka?
  3. I've tried with JS, but i'm a little disoriented
  4. http://w3schools.invisionzone.com/index.php?showtopic=55262
  5. sgtelias

    Loop animation

    I've a nav bar like this: <div id="navbar"> <ul> <li id="link1"><a>Link1</a></li> <li id="link2"><a>Link2</a></li> <li id="link3"><a>Link3</a></li> </ul> </div> I've created a an animation like this: (CSS) #link1 a { background-color:#089DE3; -webkit-animation-name: example; /* Chrome, Safari, Opera */ -webkit-animation-duration: 8s; /* Chrome, Safari, Opera */ -webkit-animation-direction: alternate; animation-name: example; animation-duration: 8s; animation-iteration-count: 1; animation-direction: alternate; } than #link2 a { border-right:1px solid #0068B3; -webkit-animation-name: example; /* Chrome, Safari, Opera */ -webkit-animation-duration: 8s; /* Chrome, Safari, Opera */ -webkit-animation-direction: alternate; -webkit-animation-delay: 8s; animation-name: example; animation-duration: 8s; animation-iteration-count: 1; animation-direction: alternate; animation-delay: 7s; } etc... With this animation, first highlight the button link 1, than link2, etc., but now i need a system to restart the cycle, when the animation reaches the last link (in this case, when the animation effect reaches the link3, i need that restart with the link1).
  6. I've studied the css animation, i've wrote some codes, now i pass to css section. However it is my boss that want this effect...
  7. I try to explain my problem. I've a nav bar like this: <div id="navbar"> <ul> <li><a>Link1</a></li> <li><a>Link2</a></li> <li><a>Link3</a></li> </ul> </div> I'm trying to find a mode to automatically highlight the button link, first the link1, after some seconds the link2, etc. I've tried some code, but nothing, also because i'm studying javascript yet. Can you help me?
×
×
  • Create New...