RYM: Add Dropdown Menus

adds dropdown menus

当前为 2014-08-20 提交的版本,查看 最新版本

  1. // ==UserScript==
  2. // @name RYM: Add Dropdown Menus
  3. // @version 0.8
  4. // @match http://rateyourmusic.com/*
  5. // @match https://rateyourmusic.com/*
  6. // @description adds dropdown menus
  7. // @grant GM_addStyle
  8. // @require http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js
  9. // @copyright 2012+, Charlie Dingus
  10. // @namespace https://greasyfork.org/users/2625
  11. // ==/UserScript==
  12.  
  13.  
  14.  
  15. $("#navtop").css('zIndex', 1);
  16.  
  17. var communityMenu = '<li class="dropmenu">';
  18. communityMenu += '<a href="/boards/board_id=1">Music</a><a href="/boards/board_id=9">Polls/Games/Surveys</a>';
  19. communityMenu += '<a href="/boards/board_id=2">Site Board</a><a href="/boards/board_id=3">Film</a>';
  20. communityMenu += '<a href="/boards/board_id=6">Off Topic</a>';
  21. communityMenu += '<a href="/boards/board_id=9999">Video Games</a></li>';
  22.  
  23. var chartMenu = '<li class="dropmenu">';
  24. chartMenu += '<a href="/charts/top/album/2014">2014 albums</a>';
  25. chartMenu += '<a href="/charts/top/single/2014">2014 singles</a>';
  26. chartMenu += '<a href="/films/chart">film charts</a>';
  27. chartMenu += '<a href="/films/chart?year=2014">2014 films</a></li>';
  28.  
  29. $('#navtop li:nth-child(4)').addClass('topmenu').css('height', '30px').append(chartMenu);
  30. $('#navtop li:nth-child(5)').addClass('topmenu').css('height', '30px').append(communityMenu);
  31.  
  32.  
  33. GM_addStyle('li.topmenu li.dropmenu { visibility: hidden; }');
  34. GM_addStyle('li.dropmenu { display: none; position: absolute; z-index: 1; font-size: 0.8em!important; background: #555!important; opacity:0.9;}');
  35. GM_addStyle('li.topmenu:hover li.dropmenu {visibility: visible;}');