Search the Community
Showing results for tags 'javascript'.
-
Пытался прикрепить на свой сайт этот плагин BookBlock (demo), но с некоторыми изменениями. А именно. Хотел чтобы страницы листались при наведении на блок с изображениями. При наведении вперед ну и при отводе курсора соответственно назад. Столкнулся с двумя проблемами: 1. Некоректно работает функция hover. При наведении все срабатывает и изображение листается вперед, но при отводе курсора ничего не происходит. 2. Как сделать, что бы функция сработала один раз?! То есть если курсор наведен на изображение, то оно перелистывается один раз и останавливается. var Page = (function() { var config = { $bookBlock : $( '#bb-bookblock' ), $navNext : $( '#bb-nav-next' ), $navPrev : $( '#bb-nav-prev' ), }, init = function() { config.$bookBlock.bookblock( { speed : 800, shadowSides : 0.8, shadowFlip : 0.7 } ); initEvents(); }, initEvents = function() { var $slides = config.$bookBlock.children(); }; $(".bb-item").hover( function () { config.$bookBlock.bookblock( 'next' ); }, function () { config.$bookBlock.bookblock( 'prev' ); } ); return { init : init }; })();Вот html <div id="bb-bookblock" class="bb-bookblock bb-vertical"> <div class="bb-item"> <a href="/"><img src="img/1.png"/></a> </div> <div class="bb-item"> <a href="/"><img src="img/2.png"/></a> </div></div>И еще одна проблема...на сайте используется плагин cycle. Которому требуется библиотека версии 1.3.2....Перепробовал много версий.Результат-0.Не работает и все тут постоянно cycle is not a function...А естественно оставить версию 1.3.2 я не могу.
-
Хай! Изменяя переменную с less файле, помощью jquery, у меня появляется бага, конкретнее: все адреса что есть в файле style.less, типа background: url('../img/image.png'), после динамичечкого изменения переменной, становятся вида: background: url(image.png). Вот и вся проблема) Кто то сталкивался или может догадывается, что не так? Так же и со шрифтами. Они вообще в другой папке. Спасибо. Вот как меняю переменную: less.modifyVars({'@color': value});
-
Здравствуйте. Подскажите, как реализовать такое, чтобы перед уходом на другую страницу, на текущей происходила анимация. Пока наиболее близко к результату работает onbeforeunload, но нужно сделать это без вывода сообщения.
-
есть во такой html код <html><center><head><style type="text/css"> div { border: 0px solid black; width:50px; height:50px; float:left; margin: auto;text-align: center; } </style> </head> <body> <div id="toper"> <div style="width:100px; height:100px; border:0px"> <div id="cvet1" style="background-color: rgb(0, 0, 0);"></div> <div id="cvet2" style="background-color: rgb(0, 256, 0);"></div> <div id="cvet3" style="background-color: rgb(0, 0, 256);"></div> <div id="cvet4" style="background-color: rgb(256, 0, 0);"></div> </div></div> <script type="text/javascript" async="" src="./Случайная картинка_files/watch.js"></script><script language="javascript"> function cvet(){ var a=Math.ceil(Math.random() *256); var b=Math.ceil(Math.random() *256); var c=Math.ceil(Math.random() *256); var color= 'rgb(' + a + ',' + b + ',' + c + ')'; return color; } </script> </body> <script> function zapusk() { var t=new Date() document.getElementById("cvet1").style.backgroundColor=cvet(); document.getElementById("cvet2").style.backgroundColor=cvet(); document.getElementById("cvet3").style.backgroundColor=cvet(); document.getElementById("cvet4").style.backgroundColor=cvet(); setTimeout('zapusk()',100) } </script><body OnLoad="zapusk()"> </center> </body></html> по нему получается картинка из таких квадратиков например 20 000 квадратиков, они меняются с заданной скоростью случайно, то есть цвета квадратиков меняются случайно, 1) мне нужно сделать так чтобы цвета менялись по порядку не случайно, 2) чтобы скорость смены цвета квадратиков была разная точнее скорость каждого квадратика отличается на 1 3) и чтобы при каждом новом открытии, цвета начинали меняться с того момента на котором остановились - когда закрылась страница, или каждый онлайн на странице начинает смотреть изменение цвета с момента последнего онлайн то есть изменение цветов происходит по порядку не останавливаясь не начиная с начала. Так как скорость смены цветов каждого квадратика отличается на +1, то каждый раз будет новая картинка если продолжать порядок не начиная сначала. У меня еще есть такой html - это то что я смог придумать возможно тут много ошибок. Подскажите как выполнить эти три задачи или хотя бы один из этих вопросов. <html><style> div {border: 0px solid black; width:50px; height:50px; float:left;} </style> <div style="width:100px; height:100px; border:0px"> <div id="cvet1" ></div> <div id="cvet2" ></div> <div id="cvet3" ></div> <div id="cvet4" ></div> </div> <script> function cvet10(x){var x=0; x<256; x++; for (var a=0; a<256; a=Math.floor(window.setInterval(" ",1))); var color= 'rgb(' + a + ',' + a + ',' + a + ')'; setTimeout("cvet10(x)",1) return a; }</script> <script> function cvet20(x){var x=0; x<256; x++; for (var a=0; a<256; a=(Math.floor(window.setInterval(" ",1)))+(Math.floor(window.setInterval(" ",1)))); var color= 'rgb(' + a + ',' + a + ',' + a + ')'; setTimeout("cvet20(x)",1) return a; }</script> <script> function cvet30(x){var x=0; x<256; x++; for (var a=0; a<256; a=Math.floor(window.setInterval(" ",1))+(Math.floor(window.setInterval(" ",1)))+(Math.floor(window.setInterval(" ",1)))); var color= 'rgb(' + a + ',' + a + ',' + a + ')'; setTimeout("cvet30(x)",1) return a; }</script> <script> function cvet40(x){var x=0; x<256; x++; for (var a=0; a<2000; a=Math.floor(window.setInterval(" ",1))+(Math.floor(window.setInterval(" ",1)))+(Math.floor(window.setInterval(" ",1)))+(Math.floor(window.setInterval(" ",1)))); var color= 'rgb(' + a + ',' + a + ',' + a + ')'; setTimeout("cvet40(x)",1) return a; }</script> <script> function zapusk1() { document.getElementById("cvet1").style.backgroundColor=cvet10(); document.getElementById("cvet2").style.backgroundColor=cvet20(); document.getElementById("cvet3").style.backgroundColor=cvet30(); document.getElementById("cvet4").style.backgroundColor=cvet40(); setTimeout('zapusk1()',1)} </script> <body OnLoad="zapusk1( )"></body></html>
-
У меня стандартная менюшка от bootstrap 3, если добавлять много пунктов меню, сама менюшка начинает выстраивается в 2 этажа, мне нужно подкинуть идею как сделать сразу её завернутой(в мобильном виде), если пунктов меню будет слишком много. Просто не знаю куда "копать". Спасибо.
-
Я сокращаю код (onload Ø): <input onload="t=0;" onkeypress="t?e=new Date():s=new Date();t=1" onblur="d=e.getTime()-s.getTime();c=this.value.length;this.value+=c/d">Ø <input onkeypress="t?e=new Date():s=new Date();t=1" onblur="d=e.getTime()-s.getTime();c=this.value.length;this.value+=c/d"><script>t=0;</script>☑ Работающий пример раздут тэгами <script>. Раньше t? код включал: t==0s=new Date():e=new Date()И кроме того, мне посоветовали поменять местами s и e. И вот сейчас я не знаю: что такое на самом деле есть "t" перед тернарным "?" И <script>t=0;</script> тоже должны оставаться даже в таком случае Иначе Ø
-
Подскажите пожалуйста примеры сайтов или лучше сразу Js или css код для создания эффекта раскрывающихся свитка на сайте. Без флеша, свиток представляет из себя некий div элемент который при клике должен плавно разворачиваться, но не просто в бок выезжать, а действительно разворачиваться. Уже весь нет перерыл, можно нонечно использовать новые свойства CSS для трансформации объектов, но это не подходит так как мало где будет работать
-
у меня в файле *.less есть переменная @color, так вот не знаю как к ней обратится через Jquery что внести в нее новые значения..
-
<textarea id="b" onblur="clc();"></textarea><script>t=0;x=document.getElementById('b');x.onkeypress=function(){t==0 ? s=new Date() : e=new Date();t=1;}function clc(){d = e.getTime() - s.getTime();c = b.value.length;b.value += +c+"s in "+d+"ms: "+c/d+" cpms";}</script>Что понятно: textarea - знаю id = понятно что ссылается но не понятно как именно и когда действует (с каких до каких условий). getElementById - не знаю не нашел и в связке x=get... + x.onkeypress - вот эта связка что подразумевает что действует и когда t==0 ? s=new Date() : e=new Date(); ну по синтаксису всё ясно если нуль - s будет с датой если второй раз цикл (то есть по прохождении первого обязательного при прогрузке страницы - который выше функции) Понятно, что сначала задаётся t=0 , то есть первый цикл будет Что я вижу - в форму добавляется текст после вывода фокуса табом (onblur, сам его и вписал туда). Математика ясна в clc() ясен function clc() { d = e.getTime() - s.getTime(); c = b.value.length; b.value += +c+"s in "+d+"ms: "+c/d+" cpms"; } b. ссылается каким-то образом на id и на <textarea> и путём строк value и строки второго порядка value.length можно написать чтобы так и было как-то показывает. А как вы понимаете программу? Я вообще не силён в этом всём. (где начинается и где заканчивается цикл как ИМЕННО он итерирует) -
Только начал изучать индусский, первое упражнение, по устоявшейся мировой практике - Hello World! Встречайте: var b = -1;var c = ~(b * 2 + (b = 0));var b$1 = 65 % 33;var b$2 = c + 110;var b$3 = (b$1 * b$2) % 109;var d = String.fromCharCode(b$3*2-56,b$2-10,b$3+44,b$3+44,b$2);var e = String.fromCharCode((b$2/b$3^0)*87,b$2,b$3*2-14,b$3+44,b$2-11);var f = String.fromCharCode(b$1);var g = String.fromCharCode(b$1+1);!!!!!!!!!!!!!!!(b > ++c) && alert(d + f + e + g);JSFiddle
-
Как сделать, чтобы при нажатии на ссылку появлялся сбоку блок(div)?
alex1998 posted a question in HTML Coding
Есть список услуг, каждая категория - это ссылка, список находится слева. Нужно так, чтобы при нажатии на категорию сбоку появлялся блок. При этом, нужно, чтобы при нажатии на другую категорию этот блок закрывался и появлялся новый. если можно чтобы плавно появлялся блок. Помогите пожалуйста, народ, очень нужно. -
Вот например я нашел такой макетик. Мне нужно сделать полноценную рабочую страницу. Только я не совсем понимаю, что от меня требуется в целом. Знаю что сверстать и пару скриптов реализовать. В общем - Кто может, посмотрев на макет описать по пунктам процесс всей работы? Буду очень благодарен!
-
В этой теме я буду собирать скрипты (javascript, jquery) с любых источников (будь это книга, форум, блок, видеоурок...) Хочу собрать наиболее распространенные скрипты, например используемые в lp (landing page). Если и вы хотите поделиться сценарием, прошу в мою тему не писать, а оправлять (пруф, код) в лс. Опытные js разработчики, если есть желание могут писать замечания к скриптам (увидев говнокод), т.е как улучшить код. Тема будет постоянно редактироваться. Пока как-то так. Надеюсь меня хватит надолго. ) Дополнение. 1. Я никого не заставляю пользоваться данными скриптами. 2. Тот кто не может объяснить как надо делать, а как не надо. Попрошу вообще ничего не писать. 3. Сообщение типа: потому что плохой скрипт; скрипты, в принципе, плохие - просто флуд. Смысл такого поста? Это то же самое, что на вновь созданную тему "Оцените верстку", ответить - Плохая верстка. Показав себя с очень глупой стороны. Вкладки(js,jq) Простая галерея(jq) Модальное окно(jq)
-
Делаю выпадающее меню, должно выглядеть так: При ховере на пункт меню появляется подменю. Ширина основного меню - резиновая. При наведении на Пункт4 и Пункт5 меню привязывается к правому краю. Мой код просто ужасен, подскажите пожалуйста как это сделать. .head_menu{ margin:30px 0 30px 0;}.menu { overflow: hidden; padding: 10px; list-style: none;}.menu li{ float: left; margin: 0;}.menu li a{ text-decoration: none; color: #0076d1; font-size: 14px; font-weight: bold; padding: 10px; display: block;}.menu li a:hover{ display: block; border: 1px solid #d0d0d0;}.menu ul li a:hover{ color: #000;}.menu li ul { display:none; position:absolute; width:120px; overflow: hidden; border: 1px solid #d0d0d0;}.menu li:hover ul{ display: block;}.menu ul li{ float: left;}
-
При наведении на ссылку, она должна оставаться такой-же яркой, а остальные должны темнеть. Вот код: HTML : <div class="menu_content"> <ul> <li class="home"><a href="#">Главная</a></li> </ul> CSS: .menu_content{ margin: 30px 0 30px 0;}.menu_content ul{ padding: 10px; vertical-align: middle; }.menu_content ul li{ margin: 3px 0 3px 0; list-style-position: inside;}.menu_content ul li a{ text-decoration: none; color: #404040; padding: 5px 20px; display: block; margin: 0 0 0 10px;}.menu_content ul li a:hover{ color: #010101;}.home{ background: url(../images/sprite.png) 0 4px no-repeat; /*Используется sprite*/}Подскажите пожалуйста как это сделать. И буду благодарен, если скажите замечания по коду. -
function tween(fig,param, shift, time) { var element = []; var what = []; var from = []; // Начальное значение var to = []; // Конечная значение var duration = time; // Длительность var start = new Date().getTime(); // Время старта var now; var progress; for (i = 0; i < fig.length;i++) { element[i] = fig[i]; what[i] = param[i]; from[i] = element[i][what[i]]; to[i] = element[i][what[i]]+shift[i]; } setTimeout(function tweenTimer() { now = (new Date().getTime()) - start; // Текущее время progress = now / duration; // Прогресс анимации for (i = 0; i < element.length; i++) { element[i][what[i]] = (to[i] - from[i]) * progress + from[i]; } draw(); if (progress < 1) // Если анимация не закончилась, продолжаем setTimeout(tweenTimer(), mSPF); else for (i = 0; i < element.length; i++) { element[i][what[i]] = to[i]; } }, mSPF); }//Отрисовка всех фигур function draw() { ctx.clearRect(0,0,400,600); //Рисуем фигуры drawFigure(leftQ); drawFigure(rightQ); drawFigure(rect); } //отрисовка многоугольника function drawFigure(fig) { ctx.strokeStyle = 'rgba(255,255,255,'+fig.alpha+')'; ctx.beginPath(); ctx.moveTo(fig.Xv[0], fig.Yv[0]); for (i = 1; i < fig.Vc; i++) //Цикл, последовательно соединяющий вершины линиями { ctx.lineTo(fig.Xv[i], fig.Yv[i]); } ctx.lineTo(fig.Xv[0], fig.Yv[0]); //ctx.stroke(); console.log('ololo'); ctx.fillStyle = 'rgba('+fig.color[0]+','+fig.color[1]+','+fig.color[2]+','+fig.alpha+')'; ctx.fill(); }Вот, собственно, функция твина и функция отрисовки. mSPF = 40, но и при 200 ситуация не меняется. Картинка остается неподвижной вплоть до окончания анимации. Фигуры у меня - четырехугольники, в твин передается ссылка на координаты, альфа канал и т.п. Как исправить? Да, если поставить брэкпоинт на середине анимации, то фигура сдвинется. -
Всем привет! Изучаю JavaScript на CodeCademy. При изучаении while циклов, мне было предложено написать код, который выводит три раза одну и туже надпись. Предполагается, что я напишу вот такой код и перейду к следующему уроку: counter = 0;var loop = function(){ while(counter < 3){ console.log("I'm looping!"); counter++; }};loop();Я вот думаю, это же получается бесконечный цикл. Результатом первых трёх циклов будет вывод надписи, а затем цикл будет повторяться в фоновом режиме, но безрезультатно. Это будет кушать ресурсы. Или я ошибаюсь? На мой взгляд логичнее сделать вот так: counter = 0;loop();var loop = function(){ while(counter < 3){ console.log("I'm looping!"); counter++; loop(); }};Т.е. вызываем функцию первый раз, тем самым запуская цикл. После третьего раза условие не будет выполнено и цикл остановится.
-
Есть сайт с применением 3д на css и javascript. Надо исправить косяки, сделать его резиновым и кросбраузерным. Исходники закоментировать. Плачу нормально, но нужен спец СРОЧНО!!! Завтра утром надо сделать Сайт не большой. Нужен человек который думает кодом Студенты аля начинающие не тревожте Пишите в личку
-
Всем доброго времени суток, я на ткнулся на сайт http://zolotonazakaz.ru/ , и мне очень понравился абзац "От эскиза до готового произведения искусства" Так появление "Шагов" Очень интересно сделано подскажите как это сделать? Во первых появление Во вторых как сделано что оно появляется после того как я проворачиваю сайт ниже.
-
Как показать внешнюю страницу в этом же окне? имеется страница-меню слева. Так вот как подгружать внешние html странички без перезагрузки основной страницы...чтобы они открывались с права. что лучше использовать фреймы дивы??
-
Снова приветствую обитателей форума. Оцените, пожалуйста, мою вторую верстку: http://exteriordesign.besaba.com/ Буду рад получить как можно больше замечаний и советов от опытных специалистов.
-
закрыть
-
Всем привет. Прошу оценить мою первую верстку: http://continuum.besaba.com/ Обратите внимание на горизонтальные линии между пунктами меню футера: некоторые линии толще и это произвольно перекидывается на другие линии при масштабировании страницы. Еще одна проблема: в сафари, хроме и опере верстка плывет при сильном уменьшении масштаба. Буду рад получить как можно больше замечаний и советов от опытных верстальщиков.
-
Здравствуйте. Верстал страницу, все хорошо, выложил, все довольны, но сегодня утром меня хватают за шкирку и говорят, что верстать я не умею и вообще плохой я человек. С высокой долей вероятности это правда, но проблема все равно выше моего понимания : во всех браузерах страница работает нормально, а в Хроме сразу после загрузки скроллится к div.social-buttons. Никак не могу найти, почему это происходит. Помогите, пожалуйста, отыскать причину подобного поведения КХм, простите, совсем забыл про ссылку - http://www.sendflowers.ru/rus/flowers-russia-moscow/presents-new_year_2014/
-
Всем привет! Есть проблема - диплом на носу, а тема еще не выбрана. С инструментарием определился - PHP, JS и MySQL. Думал сделать какую-нибудь небольшую соц. сеть, но кафедре нужно что-то более "инновационное". Для меня же главное подтянуть инструментарий. Есть ли у кого какие идеи?
