javascript - How to change the text inside a list item on hover -


Then I have an app that shows me the list of homes, shops, forums, and apps / apps But when you hover over the list item to make changes in the word application, I want to change it anywhere within the list item and not only on text messaging That's why I want to be able to move anywhere in the list area and not only to change it on the word. If someone knows how to do this then it would be awful that I just need the code and tell me for you how I will put it in my code and I need to change the name. Thank you.

I have html for this list item

  & lt; A href = "#" & gt; & Lt; Li class = "item drop" & gt; & Lt; A href = "#" & gt; Apps & lt; / A & gt;  

I'm sure you want something like this:

  & lt; Ul class = "list" & gt; & Lt; Li & gt; Home and lt; / Li & gt; & Lt; Li & gt; Shop & lt; / Li & gt; & Lt; Li & gt; Forum & lt; / Li & gt; & Lt; Li class = "container"> gt; & Lt; Span class = "full" & gt; Application & lt; / Span & gt; & Lt; Span class = "small" & gt; Apps & lt; / Span & gt; & Lt; / Li & gt; & Lt; / Ul & gt;  

In the same case, applications and apps change to the hover position of the list.

  .container {status: relative; } .full, .small {status: absolute; } .full {Opacity: 0; } .list: hover .full {opacity: 1; } .list: hover .small {opacity: 0; }  

no javascript;)


Comments

Popular posts from this blog

java - org.apache.http.ProtocolException: Target host is not specified -

java - Gradle dependencies: compile project by relative path -

ruby on rails - Object doesn't support #inspect when used with .include -