[ javascript ] mouseover and onmouseout event (demo download)

今天要來介紹JS的mouseover event,讓我們一起來看看吧,check it out

[ js ] 如何寫讀取畫面 how to coding preload and loading page in html?

如何撰寫讀取畫面呢？
這是幾乎所有專案開發都會遇到的問題 這邊使用了html的div,js,還有css
最前面我們要先載入jquery

<!-- jQuery Plugin -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>

再來我們需要先創造一個 preloader div

	<div id="preloader">
	<div id="status"><img src="img/status.gif"/></div>
	<div id="loading_txt">Now Loading</div>
	</div> 上面的 ing/status.gif 就是讀取時會出現在畫面中央的gif

[js] javascript onresize code

因為科技日新月異，開發專案常需要判斷不同瀏覽器大小，啓動不一樣的js function
而我們今天要講的是on resize事件，是非常好用的功能，當使用者改變視窗大小後
我們也能再一次的偵測視窗的尺寸，同事啓發不同的function讓畫面上有最好的安排
hi onresize function in javascript like that

window.onresize=function(){

//coding here

};

[JS]視差動畫parallax scrolling套件教學

這幾年HTML5網頁很流行的視差動畫效果

很多活動網站都用這種表現方式

透過捲動視窗跟物件互動

今天要來介紹superscrollorama這套JS
動態是使用tweenmax.js

該有的都有了"淡出" ,"旋轉","顏色變換","作標移動"
捲動視差移動通通都有了

以下是修改官方demo檔案教學註解

css3 png animation

css3 png連續動畫教學

html5 lightbox js製作套件

提供兩套不錯的lightbox JS，網頁彈出視窗的好幫手

視差動畫parallax scrolling js套件介紹

parallax scrolling 滾動視差動畫，提供一些套件給大家參考使用

css 下拉式選單教學

http://www.minwt.com/css/831.html
http://bavotasan.com/2011/style-select-box-using-only-css
 (download)寫好的下拉選單打包檔