В этой статье используется конкретный код для начальной загрузки, чтобы реализовать эффект переключения тега вкладок для вашей ссылки. Конкретный контент заключается в следующем
<! Doctype html> <html> <head> <meta charset = "utf-8"> <title> </title> <link rel = "stylesheet" href = "css/bootstrap.min.css"/> <script type = "text/javascript" src = "js/jquery.min. type = "text/javascript" src = "js/bootstrap.min.js"> </script> </head> <body> <nav oly = "navigation"> <div> <div> <Кнопка данных toggle = "collapse". href = "#"> <img src = "img/logo.jpg" style = "Высота: 50px; Margin -top: -15px;"/> </a> </div> <viv> <ul> <li> <a href = "#"> home </a> </li> <li> <a href = "#"> news </a> </li> <li> <li> <li> <li> <li> <li> <li> <li> <li> href = "#"> product </a> </li> <li> <a href = "#"> data-toggle = "Выпадение"> Services <pran> </span> </a> <ul> <li> <a href = "#"> Service Online </a> </li> <li> </li> <li> <a href = "#"> faq> </li> </li> </li> </li> </li> </li> </li> </li> <li> <li> <li> <href = "# <li> <a href = "#"> Adder Phone </a> </li> </li> </li> </li> <li> <a href = "#"> Mall </a> </li> </ul> <div> <a href = "#"> login </a> <a href = "#"> regired </a> <input yourse = "/href ="/#"> regired </a> <input yourse ="/inte "/"/"/"/"/"/#"> regired </a> <input yexter ="/"/href ="#" <Tood> Search </button> </div> </div> </nav> <div style = "height: 60px;"> </div> <div> <div> <div> <ul id = "mytab"> <li> <a href = "#xw1" data-togle = 'tab'> news1 </a> </li> <li> <a href = "#xw2"> news1 </a> </li> <li> data-toggle = 'tab'> news2 </a> </li> </ul> <div> <div id = "xw1"> <p> <a href = "#"> Иллюстрированные моменты TPP: всегда было что-то, что не было признано в Соединенных Штатах (картинка) </a> <pan> 2015-10-6 </prop> </p> <p> <p> <p> <p> <p> <p> <p> href###############################№ " Был чем-то, что не было признано в Соединенных Штатах (картинка) </a> <pan> 2015-10-6 </span> </p> <p> <a href = "#"> Иллюстрированные моменты TPP: в Соединенных Штатах было что-то, что не было признано. Что-то, что не было признано в Соединенных Штатах (картинка) </a> <pan> 2015-10-6 </span> </p> </div> <div id = "xw2"> <p> <a href = "#"> иллюстрировано моменты TPP: было что-то, что не было признано в Соединенных Штатах (картина) </a> <pran> 2015-10-5 </span> </p-span> </p-span> </p-span> </p-span> </p-span> </p-span> </p-span> </p-span> </p-span> </p-span> </p-span> </p-span> </p-span> </p-span> </p-span> </p-span> </p-span> </p-span> </p-span> </p-span>. href="#">Illustrated TPP Moments: There has been something that has not been confessed in the United States (picture)</a><span>2015-10-6</span></p> <p><a href="#">Illustrated TPP Moments: There has been something that has not been confessed in the United States (picture)</a><span>2015-10-6</span></p> </div> </div> </div> <div> <ul> <li> <a href = "#"> наилучшая практика 1 </a> </li> <li> <a href = "#"> лучшая практика 2 </a> </li> <li> <a href = "#"> лучшая практика 3 </a> </li> </div> <div> <img src = "img/img/img/img/img/img/img/img/img/har/"/log. <h3> <a> Bootstrap </a> </h3> <p> Это короткий объяснительный текст для применения выше. </p> </div> </div> </div> <div> <img src = "img/logo.jpg"/> <div> <h3> <a> bootstrap </a> </h3> <p> Это короткий объяснительный текст для применения выше. </p> </div> </div> </div> <div> <img src = "img/logo.jpg"/> <div> <h3> <a> bootstrap </a> </h3> <p> Это короткий объяснительный текст для применения выше. </p> </div> </div> </div> <div> <img src = "img/logo.jpg"/> <div> <h3> <a> bootstrap </a> </h3> <p> Это короткий объяснительный текст для применения выше. </p> </div> </div> </div> <div> <img src = "img/logo.jpg"/> <div> <h3> <a> bootstrap </a> </h3> <p> Это короткий объяснительный текст для применения выше. </p> </div> </div> </div> <div> <img src = "img/logo.jpg"/> <div> <h3> <a> bootstrap </a> </h3> <p> Это короткий объяснительный текст для применения выше. </p> </div> </div> <div> <div> <h3> Это новый метод разработки для html5 </h3> </div> <p> Посмотреть </p> </div> </div> </div> </div> </div> <script> // $ ('#mytab a [href = "#xw2"]'). //#$ ('#mytab a: last'). tab ('show'); $ ('#mytab a: eq (1)'). Tab ('show') </script> </body> </html>Если вы все еще хотите учиться глубже, вы можете нажать здесь, чтобы изучить и прикрепить к вам 3 захватывающих тем:
Начальная учебник по обучению
Bootstrap Practical Rutorial
Учебное пособие по использованию плагина Bootstrap
Вышеуказанное посвящено этой статье, и я надеюсь, что всем будет полезно изучить программирование начальной загрузки.