2014年11月22日 星期六

javascript 學習

onfirm 彈出視窗
prompt 彈出視窗並有input欄位

Code:

1. ( ): control order of operations
2. * and /: multiplication and division
3. - and +: subtraction and addition


modulo%
23 % 10 = 2

Substring:

"some word".substring(xy) where x is where you start chopping and y is where you finish chopping the original string.
The number part is a little strange. To select for the "he" in "hello", you would write this:
"hello". substring(0, 2);
Each character in a string is numbered starting from 0, like this:
0 1 2 3 4
 | | | | | 
 h e l l o
The letter h is in position 0, the letter e is in position 1, and so on.

Therefore if you start at position 0, and slice right up till position 2, you are left with just he

ex:
第4個字到第7個字
"put some string".substring(3,7);
ex:
console.log("January".substring(0,3));
console.log("Melbourne is great".substring(0,12));

console.log("Hamburgers".substring(3,10));
Jan
Melbourne is

burgers

javascript資源


線上學習好書Eloquent JavaScript

http://eloquentjavascript.net/


深入淺出 JavaScript

深入淺出 JavaScript

http://www.books.com.tw/products/0010494235

2014年7月20日 星期日

視差


回在留言有點可惜,貼在這邊
視差常用效果plugin及實做文章以 羅右鈞 問題為例,欲達成網站效果http://pixelcave.com/demo/proui-frontend/index_parallax.php
.視差滾動現成Library
http://smashinghub.com/7-jquery-parallax-and-scrolling-effect-plugins.htm
簡單來說就是用偵聽scroll事件,然後再去觸發加class或其他方式去移動物件,另外就是透過不同的移動速度及z-index去做出物件景深的效果
.另一種動畫處理方式(就是一直換圖的動畫css實做方式)
http://www.bryanbraun.com/2014/03/15/how-i-rebuilt-flying-toasters-using-only-css-animations
.選單滑到固定位置可以看這篇怎麼實做(常用在側邊小圓點或小選單)
http://trevordavis.net/blog/jquery-one-page-navigation-plugin/
怎麼找資源的話,其實就是多看http://www.cnblogs.com/lhb25/
之類的,或是用特效或關鍵字去找,例如parallax scrolling,翻一翻看一看收集一下,久了就很多啦