小女刚学js.迷茫中。。。求大牛赐教。。。题目越长越好，越长越好，越长越好，越长越好，越长越好，越长越好，越长越好，越长越好，越长越好，越长越好，越长越好。。。
刚开始学js，看完了一本js的教程，然后想找个简单的页面看一看，就选了百度首页，以为够简单，结果里面https1.bdstatic.comrwwwcachestaticglobaljshome_f949edf5.js这个文件就已经看得我头昏脑涨，完全看不明白在干什么。。。想放弃了。。。看了几天，今天实在是看不下去了。。。求大牛指点，有没有有谁有推荐的js的视频啊，自己看书看完还是不知道怎么动手写，不知道怎么用，理解的也不透彻
当时学html和css的时候看完一本书就可以上手写了，这js看完一本书还是稀里糊涂。。。
有没有人可以指导一下，让我帮你写东西也成。。
加油吧，骚年，大家都是这样过来的。
[解决办法]
比如写写csdn返回顶部的按钮
[解决办法]
<!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 type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
<script type="text/javascript">
var cW,cH;
function scrolls() {
cW = document.documentElement.clientWidth;
cH = document.documentElement.clientHeight;
var _div = document.createElement('div');
_div.className = 'divClass';
_div.appendChild(document.createTextNode('UP'));
_div.id = 'divId';
_div.onclick = function() {
//document.documentElement.scrollTop = '0';
$(document.documentElement).animate({'scrollTop': '0'}, 100);
document.getElementById('divId').style.display = 'none';
}
//_div.setAttribute('onclick', function() {
//document.documentElement.scrollTop = '0';
//document.getElementById('divId').style.display = 'none';
//});
document.body.appendChild(_div);
document.getElementById('divId').style.left = (cW - 40) + 'px';
document.getElementById('divId').style.top = (cH - 40) + 'px';
}
function shang() {
if(document.documentElement.scrollTop > 10) {
document.getElementById('divId').style.display = 'block';
} else {
document.getElementById('divId').style.display = 'none';
}
}
function resizediv() {
cW = document.documentElement.clientWidth;
cH = document.documentElement.clientHeight;
var scrollLeft = document.documentElement.scrollLeft;
var scrollTop = document.documentElement.scrollTop;
document.getElementById('divId').style.left = (cW - 40 + scrollLeft) + 'px';
document.getElementById('divId').style.top = (cH - 40 + scrollTop) + 'px';
}
window.onload = function() {
scrolls();
}
window.onresize = resizediv;
window.onscroll = function() {
shang();
resizediv();
}
</script>
<style type="text/css">
body { margin:0; padding:0; }
.divClass { width:40px; height:40px; background-color:black; filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.5; position:absolute; color:red; text-align:center; cursor:pointer; display:none; }
</style>
</head>
<body>
<div style='height:1000px;'></div>
</body>
</html>
