IFrame или Hidden Div подходит для скользящего контента?

Question

IFrame или Hidden Div подходит для скользящего контента?

0

я плохо разбираюсь, так что не стесняйтесь меня на мгновение. Я хотел бы спросить о каком-то мнении. Обратите внимание на изображение, которое я нарисовал, черная граница зафиксирована и не изменится. То, что я пытаюсь достичь, - это щелкнуть по кнопке A/B/C, чтобы посмотреть на другой контент.
1) Кнопка A/B/C, какую технику я должен использовать, поскольку я хотел, чтобы стрелка придерживалась кнопки, которую я нажимаю. Должен ли я использовать кнопку "Радио" и сделать ее как кнопку? Что это за вызов?
2) Синяя рамка - это то, где мой контент будет меняться в соответствии с нажатием кнопки. Должен ли я использовать IFRAME или использовать DIV и скрывать его?

Я новичок в веб-дизайне. Попытка учиться как можно больше.

Пожалуйста, обратитесь к изображению

user2982110 31 дек. 2013, в 07:21

Источник

0

мое предложение для скрытия и отображения содержимого вы можете использовать divs с slideUp / slideDown и стрелки использовать изображение ниже кнопки.
yashhy 31 дек. 2013, в 06:24
0

@ Да будет ли просто использовать IFRAME без рамки? Как webadmin может легко изменить содержимое, просто изменив связанный HTML-файл?
user2982110 31 дек. 2013, в 06:29
0

это зависит от того, сколько контента. Если содержимое небольшого размера, вы можете перейти к div если iframe stackoverflow.com/questions/6000987/dynamically-set-iframe-src обратиться к динамическому изменению src iframe
yashhy 31 дек. 2013, в 06:34
0

Хорошо, теперь я решил сделать так, чтобы при посадке по умолчанию была Кнопка A Проверено, и Контент в виде IFRAME будет получать контент из Контента A. Куда мне обратиться за руководством по превращению переключателя в кнопку «Бутон» и придерживающейся его стрелки?
user2982110 31 дек. 2013, в 06:45

Показать ещё 2 комментария

Теги:

javascript

jquery

html

css

iframe

1 ответ

Ещё вопросы

мое предложение для скрытия и отображения содержимого вы можете использовать divs с slideUp / slideDown и стрелки использовать изображение ниже кнопки.
@ Да будет ли просто использовать IFRAME без рамки? Как webadmin может легко изменить содержимое, просто изменив связанный HTML-файл?
это зависит от того, сколько контента. Если содержимое небольшого размера, вы можете перейти к div если iframe stackoverflow.com/questions/6000987/dynamically-set-iframe-src обратиться к динамическому изменению src iframe
Хорошо, теперь я решил сделать так, чтобы при посадке по умолчанию была Кнопка A Проверено, и Контент в виде IFRAME будет получать контент из Контента A. Куда мне обратиться за руководством по превращению переключателя в кнопку «Бутон» и придерживающейся его стрелки?

deepak · Answer 1 · 2013-12-31T04-29-00.000Z

если вы используете iframe, потребуется время, чтобы вызвать сервер и загрузку страницы, и по мере того, как запрос будет выше, поэтому он не будет оставаться эффективным, так как использование jquery для отображения hide здесь является примером моего

$(function(){
    $('.tabbox_1').show();
    $('.tab').click(function(){
        var tabid = $(this).attr('id').replace('tab_','');
        $('.tab').removeClass('active');
        $(this).addClass('active');
        if($('.tabbox_'+tabid).is(':visible')){
             $('.tabbox').hide();
        }
        $('.tabbox_'+tabid).fadeIn();

    });

});

Тогда есть html-код для div

<div>
    <ul class="tabpan">
        <li class="tab" id="tab_1">One</li>
        <li class="tab" id="tab_2">One</li>
        <li class="tab" id="tab_3">One</li>
    </ul>
    <div>
         <div class="tabbox tabbox_1">
              tab 1 content
         </div>
         <div class="tabbox tabbox_2">
              tab 2 content
         </div>
         <div class="tabbox tabbox_3">
              tab 3 content
         </div>
</div>

не забывайте стиль

<style>
.tabbox{display:none}
.tabpan li{float:left;padding:5px;background:#ddd;color:#fff;font-weight:bold;border:1px solid #ddd}
.tabpan .active{background:#fff;color:#ddd;border:1px solid #ddd}
</style>

Надеюсь, что это работает для вас

Если вы все еще хотите придерживаться iframe и радиокнопки, есть код css, который я пробовал с двумя изображениями, это работает, вы можете изменить это фоновое изображение при проверке переключателя

.checkbox_wrapper{position: relative;width:45px;height:101px;margin:10px auto;}
.checkbox_wrapper input[type="checkbox"] {opacity:0;width:45px;height:101px;position: absolute;top: 0;left: 0;z-index: 2;}
.checkbox_wrapper input[type="checkbox"] + label{background:url('../imgs/off.png') no-repeat;width:45px;height:101px;display:inline-block;padding: 0 0 0 0px;position: absolute;top: 0;left: 0;z-index: 1;}
.checkbox_wrapper input[type="checkbox"]:checked + label{background:url('../imgs/onn.png') no-repeat;width:45px;height:101px;display:inline-block;padding: 0 0 0 0px;}

здесь html-код использует ваши изображения для проверки и снятия отметки и да, есть один другой класс css для горизонтального представления. Его очень случайный, так простите меня, если вы найдете ошибку

.checkbox_wrapper{float:left;margin:4px;}
<div class="checkbox_wrapper">
        <input type="checkbox" id="chk_btn" />
        <label></label>
    </div>

попробует этот метод, но можете ли вы показать мне, как сделать кнопку-переключатель похожей на горизонтальное меню? а прилипшая к нему стрелка при выборе? TQ
см. мой пост снова у него есть оба решения для вас
jsfiddle.net/UpLs9/6 относится к jsfiddle. если я нажму 3 из поля, содержимое 3 будет загружено. Но я хотел, чтобы это работало как радио, только один может быть выбран :)
jsfiddle.net/deepak_datwani/uU9XZ/1/ok я нашел свою ошибку , это новое
Я не имею большого представления о переключателе, но вы можете попробовать мой пример переключателя вместо фонового изображения, попробуйте цвет фона, тогда вы можете найти то, что вы хотите
Ну, это работает так же хорошо с флажком.} Кстати, что такое "checkbox_wrapper"? не мог понять
jsfiddle.net/uU9XZ/17 то, что я пытаюсь достичь, похоже на это. Есть ли способ сделать слово в центре списка? и как мне сделать активную стрелку? TQ
checkbox_wrapper - ничего, кроме оболочки и ярлыка, поэтому нам не нужно давать для них дополнительную метку, а для второго комментария вместо ширины по высоте вы можете попробовать заполнить, попробуйте это, если понадобятся какие-либо изменения, затем добавьте заполнение только сверху и снизу, вставьте Выровняйте текст по центру и сделайте ширину, как вы хотите, как вы сделали в своем примере (300 пикселей), смотрите эту скрипку jsfiddle.net/deepak_datwani/Nh8sj/2
Я подумал, что есть способ отцентрировать его автоматически, теперь я знаю, что его нужно корректировать с помощью отступов. Благодарю вас. Кстати, как я могу изменить скрипт, сделав его в другой iframe src? но не <div>
я не пробовал это, но как я найду, я скажу вам
здорово ! большое спасибо ! еще один запрос. я хотел, чтобы tab_1 был по умолчанию при загрузке страницы. что я должен делать ? благодарю вас
только что понял, добавив, что активная вкладка будет работать! : D
Вы говорите о iframe, так что я не знаю об этом, но в js вы можете сделать так, чтобы он показывался с именем определенного идентификатора, как я делал в моем примере со скрипкой, прежде чем вы сможете увидеть там (с новым годом) :)