[ javascript ] mouseover and onmouseout event (demo download)

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

[html] 使用iframe 將google地圖崁入html,Embed a Google Map with iFrame

這是我們開發專案常會用到的功能
將google地圖放在iframe內再將其崁入html內
html寫法如下

[ js ] javascript call onclick function,再使用 get url 超連結功能

在這邊介紹如何在html的click連結按鈕後
觸發js事件再在function內使用超連結功能
以下是我們最常用的超連結下法，用a href 去帶連結值
寫法如下

[ 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 ],delay,setInterval,alert,暫停,延緩程式播放,跳出alert視窗

//Alert "Hello" every 2 seconds (2000 milliseconds),每兩秒function一直跳出

setInterval(function(){ alert("Hello"); }, 2000);

[js] 如何將GA(google analytics)與GA事件加裝到bloogger內？[ 完整版 ]

google analytics 是一套很好用的追蹤工具，我們可以用它檢視網站流量行為成效，甚至廣告刊登的效果，今天要隆重跟大家介紹GA如何裝進blogger的完整流程，讓大家寫blogger之外也可以確切檢視網站的成效歐！

 1.首先先要有一個google帳號，有google blogger，可以到下方去註冊
http://blogger.com/

[ html5 / js / jquery ] 網頁設計goTop按鈕滑至頂端，按鈕撰寫製作,scroll to top,back to top button,

hi大家好我流加尾

今天要來分享專案非常會使用到的scroll to top按鈕
不管是PC,PAD,Mobile都會遇到客戶需要增加這功能
非常實物的網頁設計功能...

[js] javascript onresize code

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

window.onresize=function(){

//coding here

};

[js] google analytics 追蹤使用時，顯示廣告source "媒體"跟"來源"，utm的使用

今天來教大家如何在網址末端增加追蹤代碼

當我們在做網路行銷投遞不同的媒體上可使用

可以確實的追蹤到底是從哪個媒體跟文章導過來的

同時檢視自己的廣告策略對不對...

首先我們要先把GA代碼申請後埋在網站body內

以abc.com為例好了，請確定裡面有埋好GA喔

[js] 抓取網址內容的javascript監測判斷，語法詳細解說

嗨！大家好我又回來了，很久沒有回來寫文章
接下來要分享我在專案上常常使用蠻實用的js code

譬如客戶常常會需要在網站特別的狀態下載入事件
我們可以在網址後面加上  ?Id=001
而001 就是任意值，以下面的範例為例
www.123.com/?Id=001
就是當網站是www.123.com,?Id=001是它的增加參數

[js] 使用js判斷來源是pc還是mobile device,detect mobile or pc browser

現在做網站除了使用RWD的方式外，還會使用js來判斷使用者究竟是用pc連過來網站還是手機或平板電腦，這段code我還蠻常用的，分享給需要用js做device判斷的的網頁設計使用者們

[JS] 使用 google analytics js

google analytics是現今很流行的後台數據分析套件，
網路行銷KPI價值換算是不可缺好的好夥伴，之前的案子我有用到過，
筆記一下分享給同樣需要使用GA的朋友！

[JS] facebook sharing code on pc and mobile devise

之前一個專案要作手機板網站的FB連結分享功能，弄很久的code，
後來才發現同樣是分享按鈕，但是手機的寫法跟桌機不一樣給大家參考。

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

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

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

透過捲動視窗跟物件互動

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

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

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

blogger外部連結另開視窗js

這應該是蠻多人需要的功能，如何在blogger外部連結另開視窗的code

html5 lightbox js製作套件

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

視差動畫parallax scrolling js套件介紹

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

用flash分享內容到facebook等