Я делаю сайт-резюме, и я хочу, чтобы пользователь мог нажать на картинку компании, в которой я работал, и получить описание моего опыта работы. Я могу нажать на картинке и есть DIV выскочит сверху, как показано здесь:Как получить всплывающее окно html на главной странице html?
Любые идеи о том, как это можно сделать?
вы можете установить css во всплывающее div, которое хотите отобразить на странице html. Рассмотрим следующий, например:
#mainPage {
width: 100%;
height: 100%
}
#popUp {
display: none;
z-index: 100;
width: 200px;
height: 50px;
background: #ADD;
}<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
</head>
<body>
<div id="mainPage">
<img src="https://lh4.ggpht.com/wKrDLLmmxjfRG2-E-k5L5BUuHWpCOe4lWRF7oVs1Gzdn5e5yvr8fj-ORTlBF43U47yI=w300" width="20%" />
</div>
<div id="popUp">
<p>Hello !!! It's a popup div </p>
</div>
</body>
<script type="text/javascript">
$(function() {
$('#mainPage img').on('click', function() {
$('#popUp').show();
});
});
</script>
</html>
Ват хочу б сделать? – Asad
u спрашивает, как вы можете всплывать или смотреть? @bsteven? – Asad
Вы должны приложить больше усилий, чем это при формулировании вопроса в этом сообществе. Пожалуйста, найдите страницу «как спросить» на несколько советов о том, как создать вопрос, который будет лучше принят. – AmericanUmlaut