10/10/2018, 10:44
cho xin cái hiệu menu này
jquery nó có cái hiệu ứng này
http://www.izwebz.com/wp-content/upl...ion/index.html
nhưng nó chỉ có 2 cấp , mình lục trên mạng một hồi vẫn chưa thấy cái đa cấp , bác nào có thì cho em xin , với lại nếu bác nào thấy cái link web nào có cái menu dạng này cho mình xem (mình tính nếu không tìm dc thì sẽ viewrsource lấy luôn)
http://www.izwebz.com/wp-content/upl...ion/index.html
nhưng nó chỉ có 2 cấp , mình lục trên mạng một hồi vẫn chưa thấy cái đa cấp , bác nào có thì cho em xin , với lại nếu bác nào thấy cái link web nào có cái menu dạng này cho mình xem (mình tính nếu không tìm dc thì sẽ viewrsource lấy luôn)
Bài liên quan
Mình cũng thử dạo qua izwebz rồi, ko có ý chê bai nhưng nói chung là cũng ko có hứng thú lắm. Đối với cái hiệu ứng này cứ lên thẳng trang của jquery gõ chữ slideUp với slideDown vào đọc xíu là biết làm. 10 cấp cũng xong nốt.
ul.menu_doc__dang_2
{
padding:0px 0px 0px 0px;
list-style:none;
width:168px;
border:1px solid #999999;
background:#ececec
}
ul.menu_doc__dang_2 li
{
list-style:none;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}
ul.menu_doc__dang_2 li ul
{
padding:0px 0px 0px 0px;
margin:0px 0px 0px 10px;
display:none;
}
</style>
<script type="text/javascript">
window.onload=function()
{
var id=document.getElementById("menu_doc__dang_2");
var li=id.getElementsByTagName("li");
for(i=0;i<li.length;i++)
{
li[i].i=i;
li[i].onclick=function()
{
var ul=this.getElementsByTagName("ul");
if(ul.length!=0)
{
ul[0].style.display="block";
}
}
}
}
</script>
<ul class="menu_doc__dang_2" id="menu_doc__dang_2">
<li value="1"><a href="javascript:">Menu 1</a></li>
<li value="1"><a href="javascript:">Menu 2</a>
<ul>
<li value="2"><a href="javascript:">Menu 2.1</a></li>
<li value="2"><a href="javascript:">Menu 2.2</a>
<ul>
<li value="3"><a href="javascript:">Menu 2.2.1</a></li>
<li value="3"><a href="javascript:">Menu 2.2.2</a></li>
<li value="3"><a href="javascript:">Menu 2.2.3</a>
<ul>
<li value="3"><a href="javascript:">Menu 2.2.3.1</a></li>
<li value="3"><a href="javascript:">Menu 2.2.3.2</a></li>
<li value="3"><a href="javascript:">Menu 2.2.3.3</a></li>
<li value="3"><a href="javascript:">Menu 2.2.3.4</a></li>
</ul>
</li>
<li value="3"><a href="javascript:">Menu 2.2.4</a></li>
</ul>
</li>
<li value="2"><a href="javascript:">Menu 2.4</a>
<ul>
<li value="3"><a href="javascript:">Menu 2.4.1</a></li>
<li value="3"><a href="javascript:">Menu 2.4.2</a></li>
<li value="3"><a href="javascript:">Menu 2.4.3</a></li>
<li value="3"><a href="javascript:">Menu 2.4.4</a></li>
</ul>
</li>
</ul>
</li>
<li value="1"><a href="javascript:">Menu 3</a></li>
<li value="1"><a href="javascript:">Menu 4</a>
<ul>
<li value="2"><a href="javascript:">Menu 4.1</a></li>
<li value="2"><a href="javascript:">Menu 4.2</a></li>
<li value="2"><a href="javascript:">Menu 4.3</a></li>
<li value="2"><a href="javascript:">Menu 4.4</a></li>
</ul>
</li>
<li value="1"><a href="javascript:">Menu 5</a></li>
<li value="1"><a href="javascript:">Menu 6</a>
<ul>
<li value="2"><a href="javascript:">Menu 6.1</a></li>
<li value="2"><a href="javascript:">Menu 6.2</a></li>
<li value="2"><a href="javascript:">Menu 6.3</a>
<ul>
<li value="3"><a href="javascript:">Menu 6.3.1</a></li>
<li value="3"><a href="javascript:">Menu 6.3.2</a></li>
<li value="3"><a href="javascript:">Menu 6.3.3</a>
<ul>
<li value="4"><a href="javascript:">Menu 6.3.3.1</a></li>
<li value="4"><a href="javascript:">Menu 6.3.3.2</a></li>
<li value="4"><a href="javascript:">Menu 6.3.3.3</a></li>
<li value="4"><a href="javascript:">Menu 6.3.3.4</a></li>
</ul>
</li>
<li value="3"><a href="javascript:">Menu 6.3.4</a></li>
</ul>
</li>
<li value="2"><a href="javascript:">Menu 6.4</a></li>
</ul>
</li>
<li value="1"><a href="javascript:">Menu 7</a></li>
</ul>
Hình như cách viết css và html của bạn ko ổn.
Thứ 1 nên reset css trước
Thứ 2 độ lệch của menu nên xài padding-left
Thứ 3 viết hiệu ứng như ví dụ mà xài thuần js rất cực, ngay cả lấy đối tượng ra để mà tác động cũng phải tốn thêm 1 id như thế thật vô ích
Bắt đầu nghiên cứu jquery là được rồi đó. Có thấy ai xài cả đống value như vậy bao h chưa
hiện tại về jquery đang thử tìm cái plugin này của nó nhưng chưa thấy , chỉ thấy cái dang menu mutil là nhìu , menu tab ...