Window floating container

Adds a fixed header element for use by other scripts

当前为 2016-11-29 提交的版本,查看 最新版本

此脚本不应直接安装。它是供其他脚本使用的外部库,要使用该库请加入元指令 // @require https://update.cn-greasyfork.org/scripts/18233/160537/Window%20floating%20container.js

  1. // ==UserScript==
  2. // @name Window floating container
  3. // @version 1.1.5
  4. // @description Adds a fixed header element for use by other scripts
  5. // @author @_jnblog
  6. // @require https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js
  7. // @grant GM_addStyle
  8. // @grant GM_getValue
  9. // @grant GM_setValue
  10. // ==/UserScript==
  11. /* jshint -W097 */
  12. /* global $ */
  13. /* jshint asi: true, multistr: true */
  14. 'use strict'
  15.  
  16.  
  17. var ijgFloater = $('#ijgWindowFloater')
  18. if (!ijgFloater.length) {
  19. ijgFloater = $('<div id="ijgWindowFloater">')
  20. $('.nav-TopSpacer').append(ijgFloater).css('position', 'relative')
  21.  
  22. function getFloater() {
  23. return ijgFloater
  24. }
  25.  
  26. $('<i class="ijgWindowFloater-toggle">')
  27. .appendTo(ijgFloater)
  28. .on('click', function() {
  29. $('#ijgWindowFloater').toggleClass('ijg-is-closed')
  30. GM_setValue('ijgWindowFloater-closed', $('#ijgWindowFloater').hasClass('ijg-is-closed'))
  31. })
  32.  
  33. var isClosed = GM_getValue('ijgWindowFloater-closed')
  34. if (isClosed || typeof ijgWindowFloater-closed === 'undefined') {
  35. $('#ijgWindowFloater').addClass('ijg-is-closed')
  36. }
  37.  
  38.  
  39.  
  40.  
  41. GM_addStyle('#ijgWindowFloater {\
  42. position: absolute;\
  43. top: 100%;\
  44. left: 0;\
  45. z-index: 2000;\
  46. color: white;\
  47. background-color: #EB6841;\
  48. }\
  49. #ijgWindowFloater a {\
  50. color: white !important;\
  51. padding: 5px;\
  52. display: inline-block;\
  53. }\
  54. #ijgWindowFloater a:hover {\
  55. color: #FAF667 !important;\
  56. }\
  57. .ijgWindowFloater-item {\
  58. vertical-align: middle;\
  59. padding-left: .6em;\
  60. padding-right: .2em;\
  61. white-space: nowrap;\
  62. }\
  63. .ijg-is-closed .ijgWindowFloater-item {\
  64. display: none;\
  65. }\
  66. .ijgWindowFloater-toggle {\
  67. background-color: transparent;\
  68. box-shadow: inset 0 0 0 32px;\
  69. -webkit-transform-origin: right;\
  70. -ms-transform-origin: right;\
  71. transform-origin: right;\
  72. transform: rotate(180deg);\
  73. vertical-align: middle;\
  74. display: inline-block;\
  75. position: relative;\
  76. font-style: normal;\
  77. color: transparent;\
  78. text-align: left;\
  79. text-indent: -9999px;\
  80. direction: ltr;\
  81. box-sizing: border-box;\
  82. border: 2px solid white;\
  83. transition: all .2s;\
  84. border-radius: 50%;\
  85. width: 24px;\
  86. height: 24px;\
  87. margin: 2px 5px 3px 2px;\
  88. padding: 0;\
  89. top: 0;\
  90. left: -22px;\
  91. }\
  92. .ijgWindowFloater-toggle:before,\
  93. .ijgWindowFloater-toggle:after {\
  94. content: "";\
  95. width: 14px;\
  96. height: 2px;\
  97. position: absolute;\
  98. bottom: 0;\
  99. margin: auto 0;\
  100. box-shadow: inset 0 0 0 32px;\
  101. -webkit-transform-origin: right;\
  102. -ms-transform-origin: right;\
  103. transform-origin: right;\
  104. pointer-events: none;\
  105. width: 9px;\
  106. right: 6.5px;\
  107. color: white;\
  108. }\
  109. .ijgWindowFloater-toggle:before {\
  110. top: 2px;\
  111. -webkit-transform: rotate(45deg);\
  112. -ms-transform: rotate(45deg);\
  113. transform: rotate(45deg);\
  114. }\
  115. .ijgWindowFloater-toggle:after {\
  116. top: 0;\
  117. -webkit-transform: rotate(-45deg);\
  118. -ms-transform: rotate(-45deg);\
  119. transform: rotate(-45deg);\
  120. }\
  121. .ijg-is-closed .ijgWindowFloater-toggle:before {\
  122. top: 12px;\
  123. right: 8px;\
  124. }\
  125. .ijg-is-closed .ijgWindowFloater-toggle:after {\
  126. top: -10px;\
  127. right: 8px;\
  128. }')
  129. }