简体   繁体   English

jQuery菜单-在左侧显示onclick

[英]jquery menu-show onclick in left side

i am trying to make vk.com style right top menu with jquery.when we click on settings symbol it shows few links whose codes are given below. 我正在尝试使用jquery使vk.com样式位于顶部菜单中,当我们单击设置符号时,它显示了几个链接,其代码如下。 i am trying with jquery so i tried with slideup and slidedown but i want exactly like vk.com where it displays in left side after click and hides after mouse removed 我正在尝试使用jQuery,所以我尝试了使用slideup和slidedown,但是我想要的像vk.com一样,它在单击后显示在左侧,在鼠标移开后隐藏

<tr>
  <td class="top_home_link_td">
    <div id="top_logo_down" class=""></div>
    <a onmouseup="removeClass('top_logo_down','tld_d');" onclick="return nav.go(this, event);" onmousedown="addClass('top_logo_down','tld_d');" href="/feed" class="top_home_link"></a>
  </td>
  <td class="top_back_link_td"></td>
  <td style=""><nobr>
    <a onmouseover="gSearch.preload();" onclick="return nav.go(this, event, {search: true, noframe: true});" onmousedown="event.cancelBubble = true;" ontouchstart="event.cancelBubble = true;" href="/search" id="top_search" class="top_nav_link">search</a>
  </nobr></td>
  <td style="" id="support_link_td"><nobr>
    <a onclick="return nav.go(this, event);" onmousedown="event.cancelBubble = true;" ontouchstart="event.cancelBubble = true;" href="/support?act=new" id="top_support_link" class="top_nav_link">help</a>
  </nobr></td>
  <td style="" id="invite_link_td"><nobr>
    <a onclick="return nav.go(this, event);" onmousedown="event.cancelBubble = true;" ontouchstart="event.cancelBubble = true;" href="/invite" id="top_invite_link" class="top_nav_link">invite</a>
  </nobr></td>
  <td id="logout_link_td"><nobr>
    <a onclick="if (checkEvent(event) === false) { location.href = this.href; return cancelEvent(event); }" onmousedown="event.cancelBubble = true;" ontouchstart="event.cancelBubble = true;" href="https://login.vk.com/?act=logout&amp;hash=906cc70a366d6dd462&amp;from_host=vk.com&amp;from_protocol=http" id="logout_link" class="top_nav_link">log out</a>
  </nobr></td>
  <td><nobr>
    <a onmousedown="event.cancelBubble = true; TopSearch.toggleSettings()" ontouchstart="event.cancelBubble = true;" onmouseout="TopSearch.settingsOut()" onmouseover="TopSearch.settingsOver()" class="ts_settings active" id="ts_settings" style="opacity: 1;"></a>
  </nobr></td>
</tr>

Check out .on(' click ',function(){}); 检出.on(' click ',function(){}); and .on(' mouseout ',function(){}); 和.on(' mouseout ',function(){}); jQuery functions. jQuery函数。

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM