javascript

javascript

javaScript массивы

CloudURL

var ar1 = [];//Так создается массив var ar2 = [‘элемент1’,2,ar1];//Так тоже можно создавать массив ar1.push(‘элемент1 массива1’); //так добавляются элементы в конец массива ar1.push(22); ar1.push(33); alert(ar1.length); //вернет последний индекс массива + 1 именно так! //сейчас ar1.length=3 ar1[5]=55; //Присваиваем элементу массива с индексом 5 значение 55 //(даже если нет такого индекса) alert(ar1.length); //теперь это уже 6 console.log(ar1); […]

Подробнее

Canvas

CloudURL

Введение в Canvas Залипательная демка на канвасе с эмуляцией физических свойств жидкости   <canvas id=»a» width=»200″ height=»200″> </canvas> <script> var canv = document.getElementById(«a»); var ctx = canv.getContext(«2d»); ctx.fillRect(50, 25, 150, 100); </script> Context – API для рисования 2d – стандартно (система координат – top left) 3d – не во всех браузерах (WebGL) Поддержка: IE 7+, […]

Подробнее

JS примеры

CloudURL

<table id=»table»> <tr> <td class=»col»>TEXT 1</td> <td class=»col»>TEXT 2</td> </tr> </table> var els = document.getElementById(‘table’).getElementsByClassName(‘col’); Array.prototype.forEach.call(els, function(el) { /*перебираем все элементы с классом col*/ el.style.color = «#6fb3f7»; /*раскрашиваем найденные элементы*/ el.innerHTML = «TEST 3″; /*присваиваем новое значение*/ //console.log(el.tagName); });   <div id=»div»>текст</div> <script> div.insertAdjacentHTML(‘beforeBegin’, ‘<p>Привет</p>’);  /*вставляет запись перед DIV*/ div.insertAdjacentHTML(‘afterEnd’, ‘<p>Пока</p>’);    /*вставляет запись после DIV*/ </script>

Подробнее

Плагины jQuery для создания эффектных прокруток страниц

CloudURL

Enllax.js (demo/ скачать) FSVS (demo/ скачать) Boxloader (demo/ скачать) AniView (demo/ скачать) Space.js (demo/ скачать) Fixed Background Effect (demo/ скачать) pagePiling.js (demo/ скачать) simbyone (demo/ скачать) HorizonScroll.js (demo/ скачать) Story Box (demo/ скачать) page-scroll-to-id (demo/ скачать) multiScroll.js (demo/ скачать) Headhesive.js (demo/ скачать) fullPage.js (demo/ скачать) Tilted Page Scroll (demo/ скачать) Tilted Page Scroll (demo/ скачать) Tocible […]

Подробнее