Difference between revisions of "Team:XJTU-China/Description"
| Line 42: | Line 42: | ||
class="dr-label">Account</a></div> | class="dr-label">Account</a></div> | ||
<ul> | <ul> | ||
| − | <li><a class="dr-icon dr-icon-user" href="#">Jason Quinn</a></li> | + | <li><a class="dr-icon dr-icon-user cate" href="#part1">Jason Quinn</a></li> |
| − | <li><a class="dr-icon dr-icon-camera" href="#">Videos</a></li> | + | <li><a class="dr-icon dr-icon-camera cate" href="#part1">Videos</a></li> |
| − | <li><a class="dr-icon dr-icon-heart" href="#">Favorites</a></li> | + | <li><a class="dr-icon dr-icon-heart cate" href="#part2">Favorites</a></li> |
| − | <li><a class="dr-icon dr-icon-bullhorn" href="#">Subscriptions</a></li> | + | <li><a class="dr-icon dr-icon-bullhorn cate" href="#part3">Subscriptions</a></li> |
| − | <li><a class="dr-icon dr-icon-download" href="#">Downloads</a></li> | + | <li><a class="dr-icon dr-icon-download cate" href="#part4">Downloads</a></li> |
| − | <li><a class="dr-icon dr-icon-settings" href="#">Settings</a></li> | + | <li><a class="dr-icon dr-icon-settings cate" href="#part5">Settings</a></li> |
| − | <li><a class="dr-icon dr-icon-switch" href="#">Logout</a></li> | + | <li><a class="dr-icon dr-icon-switch cate" href="#">Logout</a></li> |
</ul> | </ul> | ||
</nav> | </nav> | ||
| Line 54: | Line 54: | ||
<div class="page xjtuText row col-lg-9 col-12 justify-content-center"> | <div class="page xjtuText row col-lg-9 col-12 justify-content-center"> | ||
<h1>hin./ious</h1> | <h1>hin./ious</h1> | ||
| − | <p class="green">This menu is inspired by the left side menu found on YouTube. When clicking on the menu label and | + | <p class="green" id="part1">PART1 This menu is inspired by the left side menu found on YouTube. When clicking on |
| + | the menu label and | ||
icon, | icon, | ||
the main menu appears beneath and the menu icon slides to the right side while the label slides | the main menu appears beneath and the menu icon slides to the right side while the label slides | ||
| Line 64: | Line 65: | ||
and | and | ||
icon,</p> | icon,</p> | ||
| − | <p class="brown"> | + | <p class="brown" id="part2" > |
| − | To close the menu, the menu icon needs <b>to be clicked again. | + | PART2 To close the menu, the menu icon needs <b>to be clicked again. |
This menu is inspired</b> by the left side menu found on YouTube. When clicking on the menu | This menu is inspired</b> by the left side menu found on YouTube. When clicking on the menu | ||
label | label | ||
| Line 86: | Line 87: | ||
and | and | ||
icon,</p> | icon,</p> | ||
| − | <p class="green"> | + | <p class="green" id="part3"> |
| − | the main menu appears beneath and the menu icon slides to the right side while the label slides | + | PART3 the main menu appears beneath and the menu icon slides to the right side while the label slides |
up. | up. | ||
To close the menu, the menu icon needs to be clicked again. | To close the menu, the menu icon needs to be clicked again. | ||
| Line 108: | Line 109: | ||
and | and | ||
icon,</p> | icon,</p> | ||
| − | <p class="brown"> | + | <p class="brown" id="part4"> |
| − | the main menu appears beneath and the menu icon slides to the right side while the label slides | + | PART4 the main menu appears beneath and the menu icon slides to the right side while the label slides |
up.o be clicked again. | up.o be clicked again. | ||
This menu is inspired by the left side menu found on YouTube. When clicking on the menu label | This menu is inspired by the left side menu found on YouTube. When clicking on the menu label | ||
| Line 143: | Line 144: | ||
the main menu appears beneath and the menu icon slides to the right side while the label slides | the main menu appears beneath and the menu icon slides to the right side while the label slides | ||
up.</p> | up.</p> | ||
| − | <p class="green"> | + | <p class="green" id="part5"> |
| − | To close the menu, the menu icon needs to be clicked again. | + | PART5 To close the menu, the menu icon needs to be clicked again. |
This menu is inspired by the left side menu found on YouTube. When clicking on the menu label | This menu is inspired by the left side menu found on YouTube. When clicking on the menu label | ||
and | and | ||
| Line 287: | Line 288: | ||
}) | }) | ||
</script> | </script> | ||
| + | |||
| + | <!--dr-menuSencing--> | ||
| + | <!-- <script> | ||
| + | var sensor = $(".node"); | ||
| + | var cate = $(".cate"); | ||
| + | var n = sensor.length; | ||
| + | var h = new Array(n); | ||
| + | var flag=new Array(n); | ||
| + | for (let i = 0; i < n; i++) { | ||
| + | h[i] = $(sensor[i]).offset().top; | ||
| + | flag[i]=false; | ||
| + | } | ||
| + | flag[0]=true; | ||
| + | |||
| + | $(document).ready( | ||
| + | $(window).scroll(function () { | ||
| + | let index; | ||
| + | let height = $(window).scrollTop(); | ||
| + | console.log(height); | ||
| + | for (let i = 1; i < n; i++) { | ||
| + | if (height >= h[i]) { | ||
| + | index = i; | ||
| + | flag[i]=true; | ||
| + | flag[i-1]-false; | ||
| + | break; | ||
| + | } | ||
| + | } | ||
| + | |||
| + | }) | ||
| + | ) | ||
| + | |||
| + | |||
| + | function scale(bool) { | ||
| + | |||
| + | } | ||
| + | |||
| + | </script> --> | ||
<!--//Temporary Script--> | <!--//Temporary Script--> | ||
</body> | </body> | ||
Revision as of 03:40, 7 July 2021
hin./ious
PART1 This menu is inspired by the left side menu found on YouTube. When clicking on the menu label and icon, the main menu appears beneath and the menu icon slides to the right side while the label slides up. To close the menu, the menu icon needs to be clicked again. This menu is inspired by the left s To close the menu, the menu icon needs to be clicked again. This menu is inspired by the left side menu found on YouTube. When clicking on the menu label and icon,
PART2 To close the menu, the menu icon needs to be clicked again. This menu is inspired by the left side menu found on YouTube. When clicking on the menu label and icon, the main menu appears beneath and the menu icon slides to the right side while the label slides up. To close the menu, the menu icon needs to be clicked again. This menu is inspired by the left side menu found on YouTube. When clicking on the menu label and icon, the main menu appears beneath and the menu icon slides to the right side while the label slides up. To close the menu, the menu icon needs to be clicked again. This menu is inspired by the left side menu found on YouTube. When clicking on the menu label and icon, To close the menu, the menu icon needs to be clicked again. This menu is inspired by the left side menu found on YouTube. When clicking on the menu label and icon,
PART3 the main menu appears beneath and the menu icon slides to the right side while the label slides up. To close the menu, the menu icon needs to be clicked again. This menu is inspired by the left side menu found on YouTube. When clicking on the menu label and icon, the main menu appears beneath and the menu icon slides to the right side while the label slides up. the main menu appears beneath and the menu icon slides to the right side while the label slides up. To close the menu, the menu icon needs t To close the menu, the menu icon needs to be clicked again. This menu is inspired by the left side menu found on YouTube. When clicking on the menu label and icon, the main menu appears beneath and the menu icon slides to the right side while the label slides up. To close the menu, the menu icon needs to be clicked again. This menu is inspired by the left side menu found on YouTube. When clicking on the menu label and icon,
PART4 the main menu appears beneath and the menu icon slides to the right side while the label slides up.o be clicked again. This menu is inspired by the left side menu found on YouTube. When clicking on the menu label and icon, the main menu appears beneath and the menu icon slides to the right side while the label slides up. To close the menu, the menu icon needs to be clicked again. This menu is inspired by the left side menu found on YouTube. When clicking on the menu label and icon, the main menu appears beneath and the menu icon slides to the right side while the label slides up. To close the menu, the menu icon needs to be clicked again. This menu is inspired by the left side menu found on YouTube. When clicking on the menu label and icon, the main menu appears beneath and the menu icon slides to the right side while the label slides up. the main menu appears beneath and the menu icon slides to the right side while the label slides up. To close the menu, the menu icon needs to be clicked again. This menu is inspired by the left side menu found on YouTube. When clicking on the menu label and icon, the main menu appears beneath and the menu icon slides to the right side while the label slides up.ide menu found on YouTube. When clicking on the menu label and icon, To close the menu, the menu icon needs to be clicked again. This menu is inspired by the left side menu found on YouTube. When clicking on the menu label and icon, the main menu appears beneath and the menu icon slides to the right side while the label slides up.
PART5 To close the menu, the menu icon needs to be clicked again. This menu is inspired by the left side menu found on YouTube. When clicking on the menu label and icon, the main menu appears beneath and the menu icon slides to the right side while the label slides up. the main menu appears beneath and the menu icon slides to the right side while the label slides up. To close the menu, the menu icon needs t To close the menu, the menu icon needs to be clicked again. This menu is inspired by the left side menu found on YouTube. When clicking on the menu label and icon, the main menu appears beneath and the menu icon slides to the right side while the label slides up. To close the menu, the menu icon needs to be clicked again. This menu is inspired by the left side menu found on YouTube. When clicking on the menu label and icon, the main menu appears beneath and the menu icon slides to the right side while the label slides up.o be clicked again. This menu is inspired by the left side menu found on YouTube. When clicking on the menu label and icon, the main menu appears beneath and t To close the menu, the menu icon needs to be clicked again. This menu is inspired by the left side menu found on YouTube. When clicking on the menu label and icon, the main menu appears beneath and the menu icon slides to the right side while the label slides up. To close the menu, the menu icon needs to be clicked again. This menu is inspired by the left side menu found on YouTube. When clicking on the menu label and icon, the main menu appears beneath and the menu icon slides to the right side while the label slides up.he menu icon slides to the right side while the label slides up. To close the menu, the menu icon needs to be clicked again. >This menu is inspired by the left side menu found on YouTube. When clicking on the menu label and icon, the main menu appears beneath and the menu icon slides to the right side while the label slides up. To close the menu, the menu icon needs to be clicked again. his menu is inspired by the left side menu found on YouTube. When clicking on the menu label and icon, the main menu appears beneath and the menu icon slides to the right side while the label slides up. To close the menu, the menu icon needs to be clicked again.This menu is inspired by the left side menu found on YouTube. When clicking on the menu label and icon, the main menu appears beneath and the menu icon slides to the right side while the label slides up. To close the menu, the menu icon needs to be clicked again.