- Jun 24 Sun 2012 02:01
what i must want to get it?
- Jun 21 Thu 2012 18:18
Google Analytic|進階區隔
在Google Analytic裡面最常用到的就是-「進階區隔」
再設定的時候會有幾個比較常用的進間區隔變數,這邊來做個小筆記:
進階區隔變數 要打的搜尋內容
主機名稱 就是你完整的網域名稱(ex: www.sony.com.tw)
- Jun 14 Thu 2012 16:58
Linux|CentOS常用指令集
- Jun 11 Mon 2012 12:52
JQ|Scrolling Parallax jQuery Plugin
這次介紹的Scrolling Parallax jQuery Plugin
主要是用在可以把背景div,在捲動卷軸時,可以有不一樣的速度
達到視差滾動的效果(Parallax scrolling)
說了這麼多,先來看範例最快吧:
- Jun 01 Fri 2012 17:58
js|indexOf()與lastIndexOf的差別
<!DOCTYPE html>
<html> <metahttp-equiv="Content-Type"content="text/html; charset=UTF-8"> <title></title> <head> <script type="text/javascript"> /* * indexOf():回傳第一個符合條件的字元位置 * lastIndexOf():從最後一個字串開始搜尋符合條件的字元位置 */ var str1 = 'ilonaliao@gmail.com'; document.write("str1.indexOf('a'):"+str1.indexOf('a') +'<br>');//從第一個字元開始找 第一個為[0] document.write("str1.indexOf('ilona'):"+str1.indexOf('ilona') +'<br>'); document.write("str1.indexOf('ilona',10):"+str1.indexOf('ilona',10) +'<br>');//第10個字元開始找ilona字元 因為已經超過->找不到故為-1 document.write("str1.lastIndexOf('l'):"+str1.lastIndexOf('l') +'<br>');//一樣從左邊數來右邊 document.write("str1.lastIndexOf('gmail'):"+str1.lastIndexOf('gmail') +'<br>'); document.write("str1.lastIndexOf('gmail',15):"+str1.lastIndexOf('gmail',15) +'<br>'); </script> </head> <body></body> </html>
前台顯示:
str1.indexOf('a'):4
str1.indexOf('ilona'):0
str1.indexOf('ilona',10):-1
str1.lastIndexOf('l'):14
- May 25 Fri 2012 11:04
jquery plus
<script src="smoothscroll.js" type="text/javascript"></script>
<a href='#tag1'>click</a>
<a name='tag1'>title name</a>
- May 24 Thu 2012 14:58
[css]裁切圖片-利用overflow或clip:rect
利用css裁剪圖片有兩種方法,如下:
【方法一】
可以利用overflow: hidden;屬性,把多出來的圖片隱藏起來
在最裡面那層img,利用margin去調整圖片要顯示出來的位置
div.field-content {
- May 24 Thu 2012 11:47
[css]reset.css 與 font.css 設定
由於各瀏覽器不同公司各自為政,沒有依照W3C的規定標準作,
所以才會有同一個語法,但在不同瀏覽器呈現的卻不同的問題
因此才會有reset.css這支成是去幫你做統一的動作!很方便唷!
下面是目前最多人使用的Eric Meyer v2.0版本
- May 23 Wed 2012 13:11
jQ|backgroundPosition Animate與jquery-1.7.2關係
<script type="text/javascript" src="jquery-1.7.2.js"></script>
<script type="text/javascript" src="jquery.backgroundPosition.fixed.js"></script>
<style type="text/css">
div {
- Apr 16 Mon 2012 13:26
傳給google老大sitemap以及Robots.txt
若你要讓自己的網站,可以在google上面有更好的曝光率
我們可以加入google sitemap計畫
在Google網站管理員工具裡面建立你網站的sitemap,你可以參考這裡建立
讓google搜尋引擎知道你網站的架構以及權重
進而增加搜尋引擎蜘蛛Bot檢索你網站的效率!
- Apr 13 Fri 2012 16:23
css|裁切圖片
當你的圖片是用<img src=''>置入div時可以利用此方法
來裁切掉你的圖片
(ps 所以當你是用background的方式用css置入圖片的話
就可以利用css指令background-position與設定width操控你要顯示的位置瞜)
- Feb 07 Tue 2012 21:30
CSS3|
transform: rotate(20deg);
-webkit-transform: rotate(20deg); Chome
-moz-transform: rotate(20deg); Firefox
-o-transform: rotate(20deg);
圓角
- Feb 03 Fri 2012 17:46
基本的HTML5架構
<body> <header>...</header> <nav>...</nav> <article> <section> ... </section> </article> <aside>...</aside> <footer>...</footer> </body>
- Feb 03 Fri 2012 17:22
HTML5 tag與IE瀏覽器的相容性