сколько перепробовал jquery самый простой фреймворк, много полных примеров и документации, есть интеграция в другие фреймворки. Куча дополнений и библиотека интерфейсов: календарь, диалог, аккордион, вкладки и т.д.
быстрый просмотр функций
*** скрытое содержание ***
простой пример полноэкранной растягиваемой с jquery по высоте страницы, нижняя полоса всегда внизу, если высота страницы меньше высоты окна браузера.
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>тест</title>
<script language="JavaScript" type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script>
<script language="JavaScript" type="text/javascript">
var content_height;
function resize_content(){
if($(window).height()>content_height){
$("#mydiv").height($(window).height()-$("#copyright").height());
}else{
if($(window).height()<content_height){
$("#mydiv").height(content_height);
}
}
}
$(document).ready(function(){
content_height = $("#mydiv").height() + $("#copyright").height();
resize_content();
});
$(window).resize(function(){
resize_content();
});
</script>
<style type="text/css">
<!--
body {
margin: 0px;
padding: 0px;
}
-->
</style></head>
<body>
<div id="mydiv" style="background-color:#FF0000;">текст</div>
<div id="copyright" style="background-color:#00FF00;height:20px;">© нуль</div>
</body>
</html>