賽車編程

學web前端是個很有趣的事情,雖然與自己大學學得專業不掛鉤,對于這個很感興趣,也覺的很有前景,在學得這兩周,其中感受了編程的魅力,自己也越想學好,去發掘更加有趣的東西,學好自己以后做軟件。很多朋友不理解我為啥突然學這個,我想說的是,學好了這是屬于自己的技能,也多了個討生活的技能,這個社會不缺人,缺的是人才,缺的是對他們有用的人。

//$(".car")找到車子

// .css 設置它的樣式

// () 代表設置的樣式值

//{} 代表樣式值

// left:"300px" 代表樣式 left 的值是 300像素

//$(".car").css({ left:"300px"});

//var 代表一個定義空間

//a 代表距離左邊的 百分比

// 4% 初始位置

var a= 4;

document.onkeydown=function(xiaohua){

//== 代表 判斷中的 相等

// xiaohua.keyCode 代表系統提供的 按鍵編碼

// 39 代表 向右方向鍵

if(xiaohua.keyCode==39)

{a =a+20;}

if(xiaohua.keyCode==37)

{a = a-20;}

//按鍵

//將 a 的值+20, 在賦值給a

if(a >84){a=84}

if(a<4){a=4}

//如果a的值大于84,那么久將a的值改成84.

$(".car").css({ left:a + "%"});

}

//a+"px"代表 將 a的數值 拼接"%"字符串

if(xiaohua.keyCode==37)

{a = a-20;}

踏上編程之路,一路走到底。 ?哈哈哈。。。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 13,796評論 1 92
  • 背景 一年多以前我在知乎上答了有關LeetCode的問題, 分享了一些自己做題目的經驗。 張土汪:刷leetcod...
    土汪閱讀 12,769評論 0 33
  • 切圖Photoshop切圖插件Cutterman標注插件Parker圖片壓縮ImageOptim/HummingB...
    烈風裘閱讀 425評論 0 2