Use JS to implement a TreeMenu effect sharing_Basic knowledge
May 16, 2016 pm 06:02 PMLet me share with you a little thing I learned today.
Similar to the TreeMenu control.
No nonsense code directly:
Copy the code The code is as follows:
<script language="javascript">
function control() {//Define function
if (sMenus3.innerHTML == " ") {//Determine the expansion status
ulMenu3.style .display = "block";//If it is a " " sign, it can be expanded
sMenus3.innerText = "-";//After expansion, it will be displayed as a minus sign
}
else {
ulMenu3. style.display = "none";//If it is a "-" sign, it cannot be expanded
sMenus3.innerText = " ";//The symbol changes after clicking.
}
}
</script>
Html code:
//There is nothing to say in this code. The main thing is that the Id corresponds to the Id in the js code.
Copy code The code is as follows:
<body>
<span id= "sMenus3" style=" border:1px solid #00000; color:Blue;cursor:hand ;" onclick="control()">-</span>No website status<br/>
< ;ul id="ulMenu3">
<li><a href="http://www.baidu.com" target="_blank">Baidu</a> </li>
<li><a href="http://www.baidu.com" target="_parent">Baidu</a></li>
<li>< a href="http://www.baidu.com" target="_blank">Or Baidu</a></li>
</ul>
</body>
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Hot Article
Repo: How To Revive Teammates
3 weeks ago
By 尊渡假赌尊渡假赌尊渡假赌
How Long Does It Take To Beat Split Fiction?
3 weeks ago
By DDD
R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
1 weeks ago
By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: How To Get Giant Seeds
3 weeks ago
By 尊渡假赌尊渡假赌尊渡假赌
Hot tools Tags
Hot Article
Repo: How To Revive Teammates
3 weeks ago
By 尊渡假赌尊渡假赌尊渡假赌
How Long Does It Take To Beat Split Fiction?
3 weeks ago
By DDD
R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
1 weeks ago
By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: How To Get Giant Seeds
3 weeks ago
By 尊渡假赌尊渡假赌尊渡假赌
Hot Article Tags
Notepad++7.3.1
Easy-to-use and free code editor
SublimeText3 Chinese version
Chinese version, very easy to use
Zend Studio 13.0.1
Powerful PHP integrated development environment
Dreamweaver CS6
Visual web development tools
SublimeText3 Mac version
God-level code editing software (SublimeText3)
Hot Topics
Replace String Characters in JavaScript
Mar 11, 2025 am 12:07 AM
Replace String Characters in JavaScript
Custom Google Search API Setup Tutorial
Mar 04, 2025 am 01:06 AM
Custom Google Search API Setup Tutorial
8 Stunning jQuery Page Layout Plugins
Mar 06, 2025 am 12:48 AM
8 Stunning jQuery Page Layout Plugins
