Difference between revisions of "Template:SZU-China/Nav demo"

Line 227: Line 227:
 
</a>
 
</a>
 
<div style="height: 56px;width: 60%;float: right;text-align: right;padding-top: 14px">
 
<div style="height: 56px;width: 60%;float: right;text-align: right;padding-top: 14px">
<a class="nav-1-item" style="display:inline-block">Applet</a>
+
<a class="nav-1-item">Applet</a>
<a class="nav-1-item" style="display:inline-block">Human Practices</a>
+
<a class="nav-1-item">Human Practices</a>
<a class="nav-1-item father" style="display:inline-block" id="nav1_4" data-id="4">Experiment</a>
+
<a class="nav-1-item father" id="nav1_4" data-id="4">Experiment</a>
<a class="nav-1-item father" style="display:inline-block" id="nav1_3" data-id="3">Project</a>
+
<a class="nav-1-item father" id="nav1_3" data-id="3">Project</a>
<a class="nav-1-item father" style="display:inline-block" id="nav1_2" data-id="2">Team</a>
+
<a class="nav-1-item father" id="nav1_2" data-id="2">Team</a>
<a class="nav-1-item father" style="display:inline-block" id="nav1_1" data-id="1">Awards</a>
+
<a class="nav-1-item father" id="nav1_1" data-id="1">Awards</a>
 
</div>
 
</div>
 
     <div class="sub_menu son" id="sub1" style="display: none;left: 21%;">
 
     <div class="sub_menu son" id="sub1" style="display: none;left: 21%;">
Line 265: Line 265:
 
<div class="header-nav" style="text-align: center;display: none">
 
<div class="header-nav" style="text-align: center;display: none">
 
<div style="width: 100%;height: 45px;text-align: center;" id="header_list">
 
<div style="width: 100%;height: 45px;text-align: center;" id="header_list">
<a class="nav-item1 nav-father" id="nav1" data-id="1">Awards</a>
+
<a class="nav-item1 nav-father" style="display:inline-block" id="nav1" data-id="1">Awards</a>
<a class="nav-item1 nav-father" id="nav2" data-id="2">Team</a>
+
<a class="nav-item1 nav-father" style="display:inline-block" id="nav2" data-id="2">Team</a>
<a class="nav-item1 nav-father" id="nav3" data-id="3">Project</a>
+
<a class="nav-item1 nav-father" style="display:inline-block" id="nav3" data-id="3">Project</a>
<a class="nav-item1 nav-father" id="nav4" data-id="4">Experiment</a>
+
<a class="nav-item1 nav-father" style="display:inline-block" id="nav4" data-id="4">Experiment</a>
 
<a class="nav-item1">Human Practices</a>
 
<a class="nav-item1">Human Practices</a>
 
<a class="nav-item1">Applet</a>
 
<a class="nav-item1">Applet</a>

Revision as of 16:59, 17 October 2018