Скрипты и шаблоны для uCoz - 3aKa4Ka
Каталог файлов | Иконки групп | Видео уроки | Статьи | PSD исходники | SEO софт/программы | SEO новости
логин:
пароль:

Регистрация Забыл пароль
Скрипты для uCoz Шаблоны для uCoz
Для того что бы оставлять сообщения на форуме вам необходимо зарегистрироваться или войти под своим профилем.

Помогите осуществить выбор баннеров - Форум


  • Страница 1 из 1
  • 1
Модератор форума: lewonchik, Fro0st  
Форум » Веб мастеру » Вопросы по HTML, CSS, JS » Помогите осуществить выбор баннеров
Помогите осуществить выбор баннеров
The_FactioNДата написания: Понедельник, 30.08.2010, 20:07:16 | Сообщение № 1

Проверенный
Сообщений: 645
Награды: 103
Репутация: 336
Вообщем мне нужен код,кликнув на баннер,в специальной рамочке появлялся код этого баннера,кликнув на другой баннер ,код изменялся на код другого баннера.Я видел такой код на одном сайте но он после второго и по следующего клика просто к старому коду прибовляет новый код и имеется кнопка стереть полностью код,вот в фотошопе нарисовал пример скрипта

С меня плюс и награда


[text]
[text][/text]
[text][/text]
[text][/text]
[/text]
 
DizeLДата написания: Понедельник, 30.08.2010, 22:47:13 | Сообщение № 2


Раскрутка сайта
Сообщений: 1695
Награды: 230
Репутация: 156
В HEAD
Code
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<style type="text/css">
.box {display: none;}
.box2 {display: none;}
.box.visible {display: none;}
.tabs {list-style:none;}
ul, ul li{display:inline}
</style>

Code
<script>
(function($) {
$(function() {

   $('ul.tabs').each(function() {
     $(this).find('li').each(function(i) {
       $(this).click(function(){
         $(this).addClass('current').siblings().removeClass('current')
           .parents('div.section').find('div.box').hide().end().find('div.box:eq('+i+')').fadeIn(150);

       });
     });
   });

})
})(jQuery)
</script>

<div class="section">
<ul class="tabs">
<li class="current"><img src="http://rucoz.com/banners/88x31.gif" width="88" border="0" height="31"></li>
<li><img src="http://rucoz.com/designs_14/banners/t88.gif" width="88" border="0" height="31"></li>
</ul>

<div class="box visible">
Код баннера 1
</div>
<div class="box">
Код баннера 2
</div>
<div class="box2">
Код баннера 3
</div>

</div>
 
SperetДата написания: Вторник, 31.08.2010, 00:01:49 | Сообщение № 3

Проверенный
Сообщений: 501
Награды: 32
Репутация: 149
DizeL, А можешь показать его в действии, что бы лишний раз не заходить в ПУ

[text]

[text][/text][/text]

 
DizeLДата написания: Вторник, 31.08.2010, 00:15:31 | Сообщение № 4


Раскрутка сайта
Сообщений: 1695
Награды: 230
Репутация: 156
В прикриплениях
Прикрепления: asdasdasda.html(1.0 Kb)
 
SperetДата написания: Вторник, 31.08.2010, 03:15:03 | Сообщение № 5

Проверенный
Сообщений: 501
Награды: 32
Репутация: 149
DizeL, Не плохо, даже очень не плохо

[text]

[text][/text][/text]

 
FrоstДата написания: Среда, 01.09.2010, 19:02:21 | Сообщение № 6

Проверенный
Сообщений: 584
Награды: 39
Репутация: 469
Без jQuery и работает быстрее

Code
<script type="text/javascript">
var tabs=['tab1','tab2','tab3'];function hide(){for(i in tabs){document.getElementById(tabs[i]).style.display='none'}}function     

show(id){hide();document.getElementById(id).style.display='block'}
</script>

<a href="#" onclick="show('tab1'); return false;">Баннер 1</a>
<a href="#" onclick="show('tab2'); return false;">Баннер 2</a>
<a href="#" onclick="show('tab3'); return false;">Баннер 3</a>

<div id="tab1">
Код баннера 1
</div>
<div style="display:none" id="tab2">
Код баннера 2
</div>
<div style="display:none" id="tab3">
Код баннера 3
</div>




Сообщение отредактировал Fro0st - Среда, 01.09.2010, 22:26:09
 
Форум » Веб мастеру » Вопросы по HTML, CSS, JS » Помогите осуществить выбор баннеров
  • Страница 1 из 1
  • 1
Поиск:
Обсуждение темы на форуме веб мастеров 3aKa4Ka.at.ua

© 3aka4ka.at.ua 2008 - 2021г. Все материалы размещенные на сайте принадлежат их владельцам и предоставляются исключительно в ознакомительных целях. Администрация ответственности за содержание материала не несет и убытки не возмещает.