Соединение элементов линией
Здравствуйте :-)
Может вопрос и простой, но я только недавно начала программировать, так что не судите строго. Суть задачи такова: на экране есть элементы, при клике на одном из них, а затем на другом между ними должна рисоваться линия. Эта линия не должна идти по диагонали через экран, т.е. прямая не подойдет. Линия должна состоять только из горизонтальных и вертикальных прямых. К сожалению, у меня нет идей как это сделать :-( Буду очень благодарна за помощь. |
Вряд ли тебе с этим помогут, тут просто так не помогают, тебе придётся приложить для начала свои усилия к решению своей задачи. Тем более задача не такая и простая, помучатся с ней точно придётся и не мало, по этому никто просто так и не возьмётся.
|
Цитата:
можно просто html элементами линии делать например, нужно кликнуть на сером блоке
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>demo</title>
<script type='text/javascript' src='http://code.jquery.com/jquery-git.js'></script>
<style>
div {
position: absolute;
}
.box {
width: 50px; height: 20px;
background: gray;
z-index: 10;
cursor: pointer;
}
.line {
display: none;
border-left: 1px solid gray;
border-bottom: 1px solid gray;
background: transparent;
}
.line1 {
width: 140px; height: 50px;
left: 25px; top: 10px;
}
.box1 { left: 0; top: 0;}
.box2 { left: 140px; top: 50px;}
</style>
<script>
$(function(){
$('.box1, .box2').click(function () {
$('.line1').show();
});
})
</script>
</head>
<body>
<div class="line line1"></div>
<div class="box box1"></div>
<div class="box box2"></div>
</body>
</html>
|
| Часовой пояс GMT +3, время: 07:42. |