javascript
初识JavaScript，感觉整个人都不好了。。。
學習web前端的開發已經將近一個月了，開發中的三個大兄弟——“html”、“css”、“JavaScript”，小哥我已經深入接觸了前兩位，并與他倆建立的深厚的友誼。在編寫過程中，不能說達到各位大神的程度，但是對各個標簽、若干屬性也用得比較熟練了。而這最后一位姓J的大哥，卻是怎么也得不到他的欣賞。對于變量的定義，函數的定義，還有各種調用，感覺自己寫的命令就是人類看不懂，計算機看不明白。經過幾天的深入交流，互訴衷腸。總算把彼此的距離拉近了幾分，但是相對于溫柔的“html”和“css”而言，“JS”依舊冷酷到底啊。
今天寫了第一個比較成功的js效果，雖然過程磕磕絆絆，不停地報錯，但還是順利完成。為了記下屬于我人生的偉大時刻。決定把這簡陋不堪的代碼上傳上來。一為需要用到此類效果時留個參考，二為將來技術提高時，嘲笑當年自己代碼的幼稚~請各位大神見證。。。
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus?">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>動態廣告是什么鬼</title>
<style>
#div_auto{
width:100px;
height:100px;
position:absolute;
background-color:#33ccff;
}
#div_main{
width:1000px;
height:600px;
position:relative;
border:1px #dc0000 solid;
}
button{
margin-left:400px;
}
</style>
</head>
<body>
<div id="div_main">我是一個少兒不宜的網站
<div id="div_auto">我是那種羞羞的動態廣告</div>
</div>
<button οnclick="clickA()">動起來/停下來</button>
<script type="text/javascript">
var divs = document.getElementById("div_auto");
var main = document.getElementById("div_main");
var posX = 200;
var posY = 300;
var time = null;
var moveX = true;
var moveY = true;
var a = true;
window.onload = pos;
function pos(){
divs.style.left=posX+'px';
divs.style.top=posY+'px';
}
function move(){
if(moveX){
if(posX>0){
posX--;
divs.style.left=posX+'px';
}
else{
moveX = false;
}
}
else{
if(posX<main.offsetWidth-divs.offsetWidth){
posX++;
divs.style.left=posX+'px';
}
else{
moveX = true;
}
}
if(moveY){
if(posY>0){
posY--;
divs.style.top=posY+'px';
}
else{
moveY = false;
}
}
else{
if(posY<main.offsetHeight-divs.offsetHeight){
posY++;
divs.style.top=posY+'px';
}
else{
moveY = true;
}
}
}
function clickA(){
clearInterval(time);
if((a==true)&&(time)){
clearInterval(time);
a=false;
}
else{
time=setInterval(move,10);
a=true;
}
}
</script>
</body>
</html>
?
不會放demo...還想請教園中各位大神，小哥跪謝！！！！
轉載于:https://www.cnblogs.com/skyloveanna/p/4079595.html
總結
以上是生活随笔為你收集整理的初识JavaScript，感觉整个人都不好了。。。的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Controlling Executio
- 下一篇： gradle idea java ssm