login_html.js 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134
  1. $(document).ready(function () {
  2. //禁用文本复制
  3. document.onselectstart = function () {
  4. return false;
  5. }
  6. //禁用鼠标右箭
  7. document.oncontextmenu = function () {
  8. return false;
  9. }
  10. POST = function(name = '地址',json = '数据',result = '回调') {
  11. $.post('http://panhua.nat100.top/'+name,json,function(data){
  12. result(data);
  13. })
  14. }
  15. 滑动显示 = function (table1 = '标签一',time = '时间') {
  16. $(table1).css({
  17. overflow:'hidden',
  18. cursor:'pointer',
  19. }).find('div').css({
  20. width:$(table1).width(),
  21. height:$(table1).height(),
  22. background:'rgba(44,62,80,.4)',
  23. marginTop:$(table1).height()-$(table1).find('span').height(),
  24. cursor:'pointer',
  25. }).find('*').css({
  26. width:$(table1).width(),
  27. color:'#FFF',
  28. margin:'5px',
  29. textAlign:'left',
  30. });
  31. $(table1).hover(function(){
  32. $(this).find('div').animate({
  33. marginTop:'0px',
  34. },time)
  35. },function(){
  36. $(this).find('div').animate({
  37. marginTop:$(this).height()-$(this).find('span').height(),
  38. },time);
  39. });
  40. }
  41. alert_s = function(value = '类容'){
  42. $('body').append(`
  43. <div id="alert" style="background:transparent;
  44. left:0px;
  45. right:0px;
  46. top:0px;
  47. bottom:0px;
  48. margin:auto;
  49. text-align: center;
  50. position:fixed;
  51. z-index:999999;">
  52. <div style="text-align: center;position:absolute;
  53. left:0px;right:0px;top:0px;bottom:0px;margin:auto;
  54. width:150px;height:35px;border-radius:5px;background: rgba(0,0,0,0.3)">
  55. <span style="height:35px;line-height:35px;color: #ffffff;font-size: 13px">${value}</span>
  56. </div>
  57. </div>`);
  58. setTimeout(function () {
  59. $('#alert').remove();
  60. },500)
  61. }
  62. //-----------------------------------------------------------------------------------------
  63. $('#ifame').css({
  64. backgroundImage:'url(https://www.gitinn.com/pan-chinese/_blogs/raw/master/img/'+parseInt(Math.random()*11+1)+'.png)',
  65. })
  66. $('input[placeholder="请输入内容"]').attr('id','search').attr('autocomplete','off');
  67. setTimeout(function () {
  68. $('#search').focus(function(){
  69. $(this).attr('placeholder','')
  70. }).blur(function () {
  71. $(this).attr('placeholder','请输入内容')
  72. });
  73. },300)
  74. $('.Body_val>h1').text('').text('欢迎来到Hopeの我的blog');
  75. $('head').after(`
  76. <style>
  77. body{
  78. overflow: hidden;
  79. }
  80. #search::-webkit-input-placeholder{
  81. color: #999;
  82. }
  83. #ifame{
  84. position: absolute;
  85. min-width: 1200px;
  86. width: 100%;
  87. height: 100%;
  88. background-color: transparent;
  89. background-size: cover;
  90. background-position: center center;
  91. background-repeat: no-repeat;
  92. overflow-y:scroll;
  93. overflow-x:hidden;
  94. }
  95. #ifame::-webkit-scrollbar{
  96. width: 5px;
  97. height: 8px;
  98. }
  99. #ifame::-webkit-scrollbar-button{
  100. width: 0px;
  101. height: 0px;
  102. }
  103. #ifame::-webkit-scrollbar-thumb{
  104. width: 5px;
  105. height: 8px;
  106. background-color: rgb(53, 185, 149);
  107. }
  108. </style>
  109. `)
  110. //----------------------------------------------------------------------------------------------
  111. })