Сообщение от danik.js
|
|
Poznakomlus твой вариант на мой взгляд
|
эт смотря при каких условиях и задачах, можно еще тонн кода написать и фреймворки по подключать
<head>
<style>
.float {
height: 20px;
background: yellow
}
.size {
height:100px
}
</style>
</head>
<body>
<a href="http://mail.ru">Mail.ru</a>
<div class="float"></div>
<script>
(function () {
var element = document.querySelector('.float');
document.onclick = function (event) {
event = event || window.event;
var target = event.target || event.srcElement;
element.className = 'float' + (target.className == 'float' ? ' size' : '');
return target.tagName == 'A';
}
})();
</script>
</body>
http://learn.javascript.ru/play/7BWXn
Поправил исходя из советов danik.js ниже