Год: 2024

Рубрики
Синтаксис

Рубрики
PROJECT Синтаксис

test

  • Автор записи Автор: bo52
  • Дата записи 17.08.2024
  • <a
  • source_local
    • раздел
      • контент
Рубрики
Программирование

Основы.Unity-UI(C#) «Загрузка UI Префаба»

var go=PrefabUtilty.LoadPrefabContents
Рубрики
Web development

Web development «ToolTip»

  • header
    • <script src=https://code.jquery.com/jquery-1.12.4.js></script>
    • <script src=https://code.jquery.com/ui/1.12.1/jquery-ui.js></script>
  • CSS
  • .tooltip span
    • { display:none; position: absolute; z-index: 1001; margin-top:0px; }
  • .tooltip a
    • { display:block; width: 100px; text-decoration: none; }
  • .tooltip:not(:hover)>span
    • { display:none; }
  • .tooltip:hover:after
    • { width:10%; height:15px; position: absolute; z-index: 1001; margin-top:-17px; margin-left:1px; }
  • html.body
  • <div class=tooltip>
    • <a class=tooltip-header href=#>Изменить</a>
    • <span>
      • <div class=tooltip>
        • <a class=tooltip-header href=#>АТРИБУТЫ</a> <span>test1</span>
      • </div>
      • <div class=»tooltip»>
        • <a class=»tooltip-header» href=»#»>VARS</a> <span>test2</span>
      • </div>
      • <div class=tooltip>
        • <a class=tooltip-header href=#>МОДУЛИ</a> <span>test3</span>
      • </div>
    • </span>
  • </div>
  • script
  • $(.tooltip).hover(function() {
    • $(this).children(:last-child).css(display,none) });
    • $(.tooltip-header).on(click,function(){tooltip_click()});
    • function tooltip_click(){
      • var span=$(window.event.currentTarget).next();
      • if (span.css(display)==none) span.css(display,block);
      • else span.css(display,none);
      • span.css(width,200px);
      • span.css(background,white);
      • span.css(padding,10px 10px);
      • span.css(border,1px solid #220);
  • }
Рубрики
WordPress CSS

Web development «Toggle»

  • Автор записи Автор: bo52
  • Дата записи 28.07.2024
  • Закрепленная запись
  • сворачивание блоков
    • $(.mytoggle).each(function () {
      • h=$(this);
      • let html=h.html();
      • h.empty();
      • h.css(margin-bottom,0);
      • let btn=$(<img>).prependTo(h);
      • $(<div>).appendTo(h).html(html);
      • btn.css(display,inline-block);
      • btn.css(vertical-align,top);
      • btn.css(height,24px);
      • btn.css(width,24px);
      • btn.next().css(display,inline-block);
      • btn.attr(src,СсылкаНаКартинку);
      • btn.click(function(){…});
        • $(this).parent().next().slideToggle();
      • let div=h.next();
      • div.css(padding,5px);
      • div.css(border,1px solid);
      • div.css(display,none);
    • }
  • Размещение кода на WordPress
    • Insert Headers and Footers
      • плагин размещения js кода
      • Script in Footer
        • раздел для расположения кода
  • Пример использования в редакторе с блоками html
    • <div class=mytoggle>head</div>
    • <div>content</div>