TGViewer
основы веб дизайна основы веб дизайна @webdesignbasics · 4.08K subscribers
Post #2473 1.3K
основы веб дизайна https://codepen.io/armandocanals/pen/WWXZMB держите js слежения за курсором. в редике нет такой штуки, нашел на просторах кодпена. очень простой в mouseOverContainer кладем родительский элемент, над которым будет отслеживаться курсор. а в ex1Layer элемент…
еще кое-что про редик и кастомный код

скорее всего выборка по document.getElementById() не пригодится совсем, потому что в коде редика почти не используется id=“”. а вместо этого юзается атрибут data-id=“”, а это другое

поэтому для выборки нужно будет использовать document.querySelector('[data-id=""]’). где в квадратных скобочках можно указывать любой атрибут, тот же class=“”, например

еще часто нужно выбрать дочерний элемент внутри элемента с data-id=“” и тут можно указать последовательность document.querySelector('[data-id=“”] [class=“”]'), где вместо [class=“”] можно указать просто тег a, div или span (также как в css):

let ex1Layer = document.querySelector('[data-id="64fd9b4592a4fc002f0abba4"] div');

главное не забыть весь код обернуть в функцию проверки загрузилась ли страница и, на всякий случай, еще в дилей:

<script>
window.addEventListener('load', winLoad, false);
function winLoad(){

window.setTimeout(function() {

// твой код

}, 1000);
};
<script>


это что касается js. но в css тоже так можно:

[data-id="64fd9b4592a4fc002f0abba4"]{
background: red;
}


простите за техдухоту. оставляю памятку себе на будущее и надеюсь, что кому-то еще пригодится
  • 🕊 10
  • ❤ 4
More from @webdesignbasics
  1. Sep 23, 2026#insprrrrr #prtfffff https://www.sabinereuter.de/ бесит как хорошо. больше всего нравится…
  2. Sep 10, 2026#insprrrrr #prtfffff https://www.shadrinsky.com/ это очень хорошо
  3. Aug 26, 2026#insprrrrr #prtfffff https://meretkern.de/ ого вау. не часто сайты художников отличаются о…
  4. Aug 20, 2026#insprrrrr https://atamacias.com/ а тут вообще всё супер. рандомно разбросанные плей. танц…
  5. Aug 20, 2026#insprrrrr https://oddworks.studio/ приятно. нравится как блок с лого скомпонован
  6. Aug 18, 2026смеш. учителя в школах и вузах сейчас, будучи самыми конформными и сервильными представите…
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →