When learning javascript, I made a javascript Application: Scaling navigation. Key knowledge points: Obtain the elements of the trigger event handle, such as & lt; divid & amp; #39; div1 & amp; #39;, World & lt;/div & gt ;, the & amp; #39; t...
When learning javascript, I made a javascript Application: Scaling navigation.
Main knowledge point: gets the element of the trigger event handle. For example, when an onclick event is triggered, the 'target' attribute is used to obtain the element of the event, such as event.tar get. In ie, you must use the 'srcelement 'attribute to obtain the elements that trigger this event.
Js Code:
1 .//<br />2. var slider = false;<br />3. var num;<br />4. window.onload = function(){<br />5. document.getElementById('elements1').style.display = 'none';<br />6. document.getElementById('elements2').style.display = 'none';<br />7. for(var i=1 ; i<=2; i++){<br />8. document.getElementById('label'+i).onclick = showHideSlide;<br />9. }<br />10. }<br />11. <br />12. //响应click的事件句柄<br />13. <br />14. function showHideSlide(evnt){<br />15. var theEvent = evnt ? evnt : window.event;<br />16. var theSrc = theEvent.target ? theEvent.target : theEvent.srcElement;<br />17. var item = 'elements'+theSrc.id.substr(5,1);<br />18. var toggleNav = document.getElementById(item);<br />19. if(slider == false){<br />20. toggleNav.style.display = 'block';<br />21. slider = true;<br />22. }else{<br />23. toggleNav.style.display = 'none';<br />24. slider = false;<br />25. }<br />26. }<br />27. <br />28. <br />29. //
Html:
1.
2. Name
3.
4.
5.First Name:
6.Last Name:
7.
8.
9. Address
10.
11.
12.Address
13.
From desert snail 80