這篇文章受密碼保護，請輸入密碼後查看內容。
- Jun 24 Sun 2012 02:01
-
what i must want to get it?
- Jun 21 Thu 2012 18:18
-
Google Analytic｜進階區隔
- 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）
主要是用在可以把背景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>
<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>
- May 25 Fri 2012 11:04
-
jquery plus
Smooth scrolling demo
<script src="smoothscroll.js" type="text/javascript"></script>
<a href='#tag1'>click</a>
<a name='tag1'>title name</a>
<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去調整圖片要顯示出來的位置
【方法一】
可以利用overflow: hidden;屬性，把多出來的圖片隱藏起來
在最裡面那層img，利用margin去調整圖片要顯示出來的位置
- May 24 Thu 2012 11:47
-
[css]reset.css 與 font.css 設定
由於各瀏覽器不同公司各自為政，沒有依照W3C的規定標準作，
所以才會有同一個語法，但在不同瀏覽器呈現的卻不同的問題
因此才會有reset.css這支成是去幫你做統一的動作！很方便唷！
所以才會有同一個語法，但在不同瀏覽器呈現的卻不同的問題
因此才會有reset.css這支成是去幫你做統一的動作！很方便唷！
- 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 {
width: 90px;
height: 90px;
padding: 5px;
background: url(bg.png) no-repeat 0 -100px;
}
</style>
<script type="text/javascript" src="jquery.backgroundPosition.fixed.js"></script>
<style type="text/css">
div {
width: 90px;
height: 90px;
padding: 5px;
background: url(bg.png) no-repeat 0 -100px;
}
</style>
- Apr 16 Mon 2012 13:26
-
傳給google老大sitemap以及Robots.txt
若你要讓自己的網站，可以在google上面有更好的曝光率
我們可以加入google sitemap計畫
在Google網站管理員工具裡面建立你網站的sitemap，你可以參考這裡建立
我們可以加入google sitemap計畫
在Google網站管理員工具裡面建立你網站的sitemap，你可以參考這裡建立
- Apr 13 Fri 2012 16:23
-
css｜裁切圖片
當你的圖片是用<img src=''>置入div時可以利用此方法
來裁切掉你的圖片
(ps 所以當你是用background的方式用css置入圖片的話
就可以利用css指令background-position與設定width操控你要顯示的位置瞜)
來裁切掉你的圖片
(ps 所以當你是用background的方式用css置入圖片的話
就可以利用css指令background-position與設定width操控你要顯示的位置瞜)