Новичок учится буферизации от меня

Автор：Eve Cole Время обновления：2025-02-17 09:27:41

Прежде всего, я хочу сказать, что я есть, эти статьи посвящены тем, кто хочет учиться, как я Не на том же уровне я использую самый избыток кода, чтобы написать этот эффект, с целью надежды, что мы сможем его понять. предложение:
Однажды вы станете мастером (при условии, что вам нужно усердно работать, ха -ха ^^)

Запустите кодовое поле
<! Doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns = "htttp : //www.w3.org/1999/xhtml "> <Head> <meta http-equiv =" content-type "content =" text/html; Название> </head> Маржа: 2PX; BT_DOWN my_ #my .my_ ul li {ширина: 48%; Y: Hidden; overflow-x: Hidden; 3px;} </style> <script> // Я не буду комментировать дубликаты ниже ~~ // быстро медленное от быстрого до медленного // Объявление функции f_s () f_s () {var obj = документ. GetElementById ("box"); // Получить объект obj.style.display = "block"; // Установить объект OBJ для отображения obj.style.width = "1px"; var changew = function () {// (о функции, какие закрытия, какие классы, прототипы, я заставил меня чувствовать себя подавленным. Давайте медленно поймем это в будущем. Что я понимаю здесь, так это то, чтобы создать функцию напрямую и сохранить ее в переменной изменении) var obj_w = parseint (obj.style.width); // преобразовать ширину объекта в числовое значение и хранить ее в переменной obj_w; if (obj_w <600) {// Судья, если значение ширины составляет менее 600 obj.style.width = (obj_w+math.ceil ((600-obj_w)/15))+"px"; // Рассчитайте Ширина объекта. Полем Полем По мере роста ширины приращение становится меньше и меньше} else {clearInterval (bw); // Если он больше или равен 600, SetInterval больше не будет выполняться, что означает, что ширина перестанет увеличиваться. }} var bw = window.setInterval (changew, 1) // call informw каждые 0,001 секунды} // медленное до быстро "Box2"); Функция непосредственно учитывает и хранит ее в переменной изменении var obj_w; e_add obj_w = parseint (obj.style.width); .width = (obj_w+e_add)+"px"; // По мере роста ширины, приращение становится больше и больше} else {clearInterval (bw); e_add) Этот метод расчета будет превышать предопределенную ширину, поэтому он сбросит ширину после буферизации. {var obj = document.getElementByid (id); // Получить объект с идентификатором Box obj.style.width = w; > 1) {obj.style.width = (obj_w-math.ceil (obj_w)/20)+"px"; // Рассчитать ширину объекта. Полем Полем По мере роста ширины приращение становится меньше и меньше} else {clearInterval (bw); // Следующая функция - открыть мою функцию ↓ Open_My () {var obj = document.getElementById ("my _"); // Получить объект с идентификатором Box obj.style.display = "block"; // Установить объект obj отображать obj.style.width = "1px"; Вид класса или прототипы заставили меня большую головную боль. ; // преобразовать ширину объекта в числовое значение и сохранить его в переменной obj_w; Значение составляет менее 600 obj.style.width = (obj_w+math.ceil ((200-obj_w)/20))+"px"; // Рассчитать ширину объекта. Полем Полем По мере роста ширины приращение становится меньше и меньше obj.style.height = (obj_h+math.ceil ((150-obj_h)/15))+"px"; больше или равен 600, SetInterval больше не будет выполнена, что означает, что ширина будет остановлена в это время. }} var bw = window.setInterval (changeW, 1) // изменение вызова с идентификатором var recaliv = function () {var obj_w = parseint (obj.style.width); = (obj_w-math.ceil (obj_w)/20)+"px"; // Рассчитать ширину объекта. Полем Полем По мере роста ширины приращение становится меньше и меньше obj.style.height = (obj_h-math.ceil (obj_h)/15)+"px"; ";}} var bw = window.setInterval (закрыто, 1) // call изменение каждые 0,001 секунды} </script> <body> Во -первых, я хочу сказать, что эти статьи посвящены тем же, что и я хочу эти Кто учится. <br /> <br /> Несколько друзей на форуме опубликовали эффекты буферизации, но смотреть на их код, как я, действительно боль, потому что это не на одном уровне. <br /> <br /> so so so so Я использую самый избыточный код, чтобы написать этот эффект, надеясь, что мы сможем его понять, <br /> <br />, когда мы не трахнуты, мы посмотрим на вещи мастеров Наконец, пожалуйста, поверьте этому предложению: <br /> <br /> Однажды я стану мастером (при условии, что вам нужно усердно работать, ха -ха ^^) <br /> <br /> <a href = "#" OnClick = "f_s ()"> от быстрого до медленного </a> & nbsp; & nbsp; <br /> <br /> <div id = "box"> <h3> fast-> slow <a href = "#" onclick = "close ('box', '600px' ) "> [Close] </a> </h3> </div> <div id =" box2 "> <h3> slow-> fast <a href ="#"onclick =" close ('box2', ' 600px ') "> [close] </a> </h3> </div> <h3>, поскольку мы сделали этот эффект, мы должны применить его к фактической ситуации </h3> <h3> Теперь давайте возьмем Посмотрите на фактическое применение эффекта буферизации < /h3> <div id = "my"> <a href = "#" class = "bt_down" onmouseover = "open_my ()"> my < /a> <div class = " my_ "id =" my_ "> <ul> <li> Мои темы </li> <li> Моя коллекция </li> <li> Мои разрешения </li> <li> li> мое голосование </li> < li> моя деятельность </li> <li> Мой город </li> <li> Мои работы </li> <li> Мой адрес </li> <li> Мой опыт </li> <li> Мои друзья < /li> <li> Мое пространство </li> <li> <a href = "#" onclick = "close_my ('my _')"> close </a> </li> </ul> </div> < /div> <br /> <br /> <div id = "s_img" style = "width: 430px;"> <div id = "imgs" style = "width: 1700px;"> <ul> <li> <img src = "/u/info_img/2009-06/20/work_577_8421_20080902_112516_6677857_t.jpg"/> </li> <li> <img src = "/u/info_img/2009-06/20/work_352426_844444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444. 8_1164245_t.jpg " / > </li> <li> <img src = "/u/info_img/2009-06/20/work_291488_8330_20080829_151402_6235352_t.jpg"/> </li> <li> <img src = "/u/info_img/2009-06. /20/work_577_8423_20080902_115301_643310_t.jpg "/> </li> <li> <img src ="/u/info_img/2009-06/20/work_23709_8344_20080830_123900_9878235_. rc = " /u/info_img/2009-06/20/work_387129_8408_20080901_180829_5234680_t.png" /></li> <li><img src="/u/info_img /2009-06/20/work_443685_8362_20080831_093043_8349305_t.jpg" /></li> <li> <img src = "/u/info_img/2009-06/20/work_202433_8401_20080901_163123_1710510_t.jpg"/> </li> </ul> </div> </div> <br/> <a href = " #"onclick =" scrol (); Br /> Конечно, вышеупомянутый эффект - это то, что я использую для демонстрации эффекта буферизации, <br /> <br /> не подходит для этого эффекта, потому что функция, которую я написал здесь, будет передана только один раз. br /> <br /> Если вы используете этот метод много раз, кажется, что его нелегко достичь. <br /> <br /> Наконец, я скажу, не будьте моим кодом здесь боятся, <br /> <br /> кажется, что существует много кода, в основном потому, что два столбца ниже делают код много выглядеть <br /> <br /> Что действительно важно, это f_s (), s_f () , closew () <br /> <br /> Если вы можете понять это, то вы можете учиться на нем. <Br /> <Br /> Это все сегодня. <br /> <br /> nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; /> <script type = "text/javascript"> Function erron () {var obj = document.getElementById ("s_img"); obj.scrollftft <obj_w) {obj.scrollleft = (obj.scrollleft+math.ceil ((obj_w-obj.scrollft)/15)); , 1)} function scrol () {var obj = document.getElementbyId ("s_img"); .scrollft- = math.ceil (obj_w)/50; } </script> </body> </html>
[Ctrl+A All Soims: сначала вы можете изменить какой -то код, а затем нажмите запуск]

Для кодов ключей, пожалуйста, прочитайте эти два:

функция f_s () {
var obj = document.getElementbyid ("box"); // Получить объект с идентификационным окном
obj.style.display = "block"; // Установить объект obj в качестве дисплея
obj.style.width = "1px";
var changew = function () {// (о функции, каком закрытии, какой класс, прототип, я заставил меня подавлять и положить его в него, хранится в переменной изменении)
var obj_w = parseint (obj.style.width); // преобразовать ширину объекта в числовое значение и хранить его в переменной obj_w;
if (obj_w <600) {// Судья, если значение ширины меньше 600
obj.style.width = (obj_w+math.ceil (((600-obj_w)/15))+"px"; // Рассчитать ширину объекта. Полем Полем По мере роста ширины приращение становится меньше и меньше
}
еще{
ClearInterval (BW); // Если он больше или равен 600, SetInterval больше не будет выполняться, что означает, что ширина будет остановлена в это время.
}
}
var bw = window.setInterval (изменение, 1) // Изменение вызова каждые 0,001 секунды
}

// медленно до быстро
// объявить функцию s_f ()
функция s_f () {
var obj = document.getElementbyId ("box2");
var e_add = 1; // Инициализировать приращение
obj.style.display = "block";
obj.style.width = "1px";
var changew = function () {// Что я понимаю, чтобы напрямую создать функцию и сохранить ее в переменной изменении
var obj_w; e_add
obj_w = parseint (obj.style.width);
E_ADD*= 1.05; // Значение увеличивается с тех пор IS IS
if (obj_w <600) {
obj.style.width = (obj_w+e_add)+"px"; // По мере роста ширины приращение становится больше и больше
}
еще{
ClearInterval (BW);
obj.style.width = "600px"; // Потому что (obj_w+e_add) метод расчета будет превышать предопределенную ширину, поэтому ширина сбросится после буферизации.
}
}
var bw = window.setInterval (изменение, 1)
}