В этой статье описывается метод JS для реализации расширения и сокращения уровня DIV в правом нижнем углу. Поделитесь этим для вашей ссылки. Конкретный метод реализации следующим образом:
Кода -копия выглядит следующим образом:
<! Doctype html public "-// w3c // dtd html 4.0 transitional // en">
<html>
<голова>
<meta http-equiv = "content-type" content = "text /html; charset = utf-8" />
<Title> JS реализует Div -слой, который можно расширить и сокращать в правом нижнем углу </title>
<стиль типа = "text/css">
<!-
*{маржа: 0; падки: 0;}
Body {text-align: center;}
#main {border: red 1px sold; ширина: 1000px; высота: 1600px; маржа: 0 auto;}
#main #scroll {width: 250px; высота: 150px; граница: зеленый 1px solid; текст-алет: слева; Положение: абсолютное; видимость: скрыто;}
#main #scroll #open {float: left; text-align: center; width: 180px;}
#main #scroll #close {float: right;}
//->
</style>
</head>
<тело>
<div id = "main">
Только реализуйте основную часть, что касается улучшения контента самостоятельно или продолжения ее украшения, это должно быть хорошо!
<div id = "scroll"> <div id = "open" onmouseover = "openbox ()"> <a href = "/" onclick = "openbox ()"> добро пожаловать </a> <div id = "close"> <marquee align = "Left" Onmouseover = "stop ()" onmouseout = "start ()"> valuable saluable! </marquee> </div> </div>
<div id = "close"> <a href = "#" onclick = "closebox ()"> Close </a>
<script type = "text/javascript">
<!-
var scroll = document.getElementbyId ("scroll")
var main = document.getelementbyid ("main")
var open = document.getElementbyId ("open")
var close = document.getElementbyId ("close")
scroll.style.visibily = "visible"
функция runright ()
{
/*Здесь -4 в основном для лучшего отображения, потому что я устанавливаю границу*/
scroll.style.top = document.body.scrolltop+document.body.clientheight-scroll.clientheight-4+"px"
scroll.style.left = document.body.scrollleft+document.body.clientwidth-scroll.clientwidth-4+"px"
/*Выполняйте эту функцию время от времени*/
setTimeout ("runright ()", 30)
}
/*Закрыть: установите высоту, чтобы быть уменьшенной*/
Функция CloseBox ()
{
scroll.style.height = scroll.offsetheight-4+"px"
if (scroll.offsetheight> 20)
{
setTimeout ("closebox ()", 5)
}
еще
{
close.style.visibility = "hidden"
}
}
Функция openbox ()
{
if (scroll.offsetheight <148)
{
close.style.visibility = "visible"
scroll.style.height = scroll.offsetheight+2+"px"
setTimeout ("openbox ()", 5)
}
}
runright ();
//->
</script>
</div>
</div>
</div>
</body>
</html>
Я надеюсь, что эта статья будет полезна для каждого программирования JavaScript.