Скроллер или "Показать больше информации"

By dsasda,
January 29, 2014 in Freelance

Followers 0

Recommended Posts

dsasda
Newbie
- 27
Posted January 29, 2014
Мужчина
Латвия

dsasda

Posted January 29, 2014

- Report
- Share

Posted January 29, 2014 (edited)

Здравствуйте! Понимаю, что такое сам я не смогу сделать, по этому обращаюсь к Вам за помощью и надеюсь, что умелые ручки увы, но сделают ~~за меня~~.

В общем, сделал я пару текстов и есть стрелочка вниз/вверх - Мне нужен скрипт (Может такой уже есть и Вы сможете переделать его немного или скинуть ссылку на него), когда жмёшь на стрелочку вниз, то плавно прокручивается тексты(меню) ниже и тоже самое со стрелочкой наверх.

Стрелочки - картинки.

Алтернативный вариант, который устроит - При нажатии стрелочки вниз -> пропадают старые, появляются новые тексты (fade effect).

Вот, дополнительно скрин:
http://s7.hostingkartinok.com/uploads/images/2014/01/3b0f0d2c9602d69906237db12a2d25f9.jpg

П.С. Думаю тут без Javascript/jQuery не обойтись - их вообще не знаю.

Edited January 29, 2014 by dsasda

Quote

Link to comment

Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Reply to this topic...

× Pasted as rich text. Paste as plain text instead

Only 75 emoji are allowed.

× Your link has been automatically embedded. Display as a link instead

× Your previous content has been restored. Clear editor

× You cannot paste images directly. Upload or insert images from URL.

Insert image from URL

Followers 0

Go to topic listing

Обсуждения
- Вёрстка футера на движке Xenforo
  
  By Mondeus · Posted November 13, 2023
  
  Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }
- Примеры верстки
  
  By torsar · Posted November 3, 2023
  
  Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
- Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?
  
  By Katerina23 · Posted October 25, 2023
  
  Да, подходит. Спасибо.
- Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?
  
  By Switch74 · Posted October 25, 2023
  
  <input type="number">
- Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?
  
  By Katerina23 · Posted October 25, 2023
  
  Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.

Sign In

Скроллер или "Показать больше информации"

Recommended Posts

dsasda

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information