sgtelias
-
Posts
8 -
Joined
-
Last visited
Content Type
Profiles
Forums
Events
Posts posted by sgtelias
-
-
I've used this:
<script>$(function () {$("#hormenu").click(function () {var el = $(this);//Prepend the clone & then remove the original elementel.before(el.clone(true)).remove();});});</script>The problem is click function. Should have restart without click. -
I think with Java script is more easy, but for me is unfamiliar.
How can i clone the linka?
-
I've tried with JS, but i'm a little disoriented
-
-
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).
-
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...
-
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?
Loop animation
in CSS
Posted
Thank you!