開源王 http://osking.homeserver.com.tw osking開源王是一個開放程式碼文章發表的網站 Mon, 12 Oct 2009 02:32:58 +0000 http://wordpress.org/?v=2.8.4 en hourly 1 圖片透明倒影 Reflection http://osking.homeserver.com.tw/2009/10/%e5%9c%96%e7%89%87%e9%80%8f%e6%98%8e%e5%80%92%e5%bd%b1-reflection/ http://osking.homeserver.com.tw/2009/10/%e5%9c%96%e7%89%87%e9%80%8f%e6%98%8e%e5%80%92%e5%bd%b1-reflection/#comments Mon, 12 Oct 2009 02:31:44 +0000 林翔 http://osking.homeserver.com.tw/?p=397 套件名稱：Reflection
版本： 2.0
說明：
Reflection.js 是一個只有 5Kb 的javascript套件，Reflection 可以產生圖片半透明、倒影等效果，運用的方式也很簡單，請見以下步驟。

1. 嵌入 Reflection.js 套件

<script type="text/javascript" src="reflection.js"></script>

2. 在要產生倒影的圖片上加入 class=”reflect” ，即可以產生倒影效果。

3. 其他選項的效果如 class="reflect rheight33 ropacity33"
rheight33：指的是倒影的高度為33%，當然你可以指定rheight40,rheight66或rheight100
ropacity33： 指的是不透明程式為33%，數值越小透明程式越高

更詳細的說明請參考 Reflection說明 ， Reflection的demo

Share/Bookmark

沒有找到相關文章

沒有找到相關文章]]> http://osking.homeserver.com.tw/2009/10/%e5%9c%96%e7%89%87%e9%80%8f%e6%98%8e%e5%80%92%e5%bd%b1-reflection/feed/ 0 javascript 簡體中文手冊 http://osking.homeserver.com.tw/2009/10/javascript-%e7%b0%a1%e9%ab%94%e4%b8%ad%e6%96%87%e6%89%8b%e5%86%8a/ http://osking.homeserver.com.tw/2009/10/javascript-%e7%b0%a1%e9%ab%94%e4%b8%ad%e6%96%87%e6%89%8b%e5%86%8a/#comments Fri, 09 Oct 2009 05:57:50 +0000 林翔 http://osking.homeserver.com.tw/?p=390 javascript 簡體中文手冊

JScript中文參考手冊

Share/Bookmark

沒有找到相關文章

沒有找到相關文章]]> http://osking.homeserver.com.tw/2009/10/javascript-%e7%b0%a1%e9%ab%94%e4%b8%ad%e6%96%87%e6%89%8b%e5%86%8a/feed/ 0 ip2country 從ip查詢國家 http://osking.homeserver.com.tw/2009/10/ip2country-%e5%be%9eip%e6%9f%a5%e8%a9%a2%e5%9c%8b%e5%ae%b6/ http://osking.homeserver.com.tw/2009/10/ip2country-%e5%be%9eip%e6%9f%a5%e8%a9%a2%e5%9c%8b%e5%ae%b6/#comments Fri, 09 Oct 2009 03:11:22 +0000 林翔 http://osking.homeserver.com.tw/?p=374 程式名稱：ip2country 官網：http://phpweby.com/software/ip2country demo：http://phpweby.com/demo/ip2country 程式說明： ip2country 是一款 php 的免費程式，ip2country 本身有一個 ip 及 國家別的對映表，並記錄在mysql中。 範例： <?php include_once('ip2c/ip2country.php'); $ip2c=new ip2country(); $ip2c->mysql_host='localhost'; $ip2c->db_user='user'; $ip2c->db_pass='pass'; $ip2c->db_name='ip2country'; $ip2c->table_name='ip2c'; echo 'Your country name is '. $ip2c->get_country_name() . '<br>'; echo 'Your country code is ' . $i[......]

继续阅读

沒有找到相關文章]]> http://osking.homeserver.com.tw/2009/10/ip2country-%e5%be%9eip%e6%9f%a5%e8%a9%a2%e5%9c%8b%e5%ae%b6/feed/ 0 progress bar 多個進度條效果 http://osking.homeserver.com.tw/2009/10/progress-bar-%e5%a4%9a%e5%80%8b%e9%80%b2%e5%ba%a6%e6%a2%9d%e6%95%88%e6%9e%9c/ http://osking.homeserver.com.tw/2009/10/progress-bar-%e5%a4%9a%e5%80%8b%e9%80%b2%e5%ba%a6%e6%a2%9d%e6%95%88%e6%9e%9c/#comments Wed, 07 Oct 2009 07:42:12 +0000 林翔 http://osking.homeserver.com.tw/?p=366

套件名稱：progress
 範例說明：
本文章示範多種進度條效果。

jsProgressBarHandler – 是一款以 prototype 為基礎的進度條效果。  demo按我
jsProgressBarHandler1

jQuery progress bars – 一個可以顯示上傳進度條的 jQuery 套件。     demo 按我
jquery_progress_bars

Share/Bookmark

相關文章

  1. 浮動視窗效果
  2. 圖片放大鏡效果 jQZoom
  3. jQuery Gallery 圖片動畫顯示集

相關文章
  1. 浮動視窗效果
  2. 圖片放大鏡效果 jQZoom
  3. jQuery Gallery 圖片動畫顯示集
]]> http://osking.homeserver.com.tw/2009/10/progress-bar-%e5%a4%9a%e5%80%8b%e9%80%b2%e5%ba%a6%e6%a2%9d%e6%95%88%e6%9e%9c/feed/ 0 浮動視窗效果 http://osking.homeserver.com.tw/2009/10/%e6%b5%ae%e5%8b%95%e8%a6%96%e7%aa%97%e6%95%88%e6%9e%9c/ http://osking.homeserver.com.tw/2009/10/%e6%b5%ae%e5%8b%95%e8%a6%96%e7%aa%97%e6%95%88%e6%9e%9c/#comments Wed, 07 Oct 2009 06:46:59 +0000 林翔 http://osking.homeserver.com.tw/?p=364

套件名稱：growl
版本：2.0
需求：mootools-1.2b2
範例說明：
growl 2.0 是一款以 mootools 為基礎的套件，growl 可以產生浮動視窗效果。 按我demo

Share/Bookmark

相關文章

  1. progress bar 多個進度條效果

相關文章
  1. progress bar 多個進度條效果
]]> http://osking.homeserver.com.tw/2009/10/%e6%b5%ae%e5%8b%95%e8%a6%96%e7%aa%97%e6%95%88%e6%9e%9c/feed/ 0 google chrome快速鍵一覽表 http://osking.homeserver.com.tw/2009/10/google-chrome%e5%bf%ab%e9%80%9f%e9%8d%b5%e4%b8%80%e8%a6%bd%e8%a1%a8/ http://osking.homeserver.com.tw/2009/10/google-chrome%e5%bf%ab%e9%80%9f%e9%8d%b5%e4%b8%80%e8%a6%bd%e8%a1%a8/#comments Wed, 07 Oct 2009 06:32:32 +0000 林翔 http://osking.homeserver.com.tw/?p=361 開啟新視窗 Ctrl+T 鍵 開啟新分頁 Ctrl+Shift+N 鍵 以無標題模式開啟新視窗 按下 Ctrl+O 鍵，然後選取檔案 使用「Google 瀏覽器」開啟您電腦上的檔案 按下 Ctrl 鍵的同時按一下連結 在後台的新分頁中開啟連結，但仍停留在目前分頁 按下 Ctrl+Shift 鍵的同時按一下連結 在新分頁中開啟連結，同時切換至新開啟的分頁 按下 Shift 鍵，然後按一下連結 在新視窗中開啟連結 Alt+F4 鍵 關閉目前的視窗 Ctrl+Shift+T 鍵 重新開啟最後關閉的分頁。「Google 瀏覽器」會記住最後關閉的 10 個分頁。 將連結拖至分頁 在指定的分頁中開啟連結 將連結拖至兩個分頁之間的位置 在新分頁中開啟連結，並顯示在分頁選項上指定的位置 Ctrl+1 鍵到 Ctrl+8 鍵 切換至指定位置號碼的分頁。您按下的數字代表分頁選項上的分頁位置。 Ctrl+9 鍵 切換至最後一個分頁 Ctrl+Tab 鍵或 Ctrl+PgDown 鍵 切換至下一個分頁 Ctrl[......]

继续阅读

沒有找到相關文章]]> http://osking.homeserver.com.tw/2009/10/google-chrome%e5%bf%ab%e9%80%9f%e9%8d%b5%e4%b8%80%e8%a6%bd%e8%a1%a8/feed/ 0 jQuery Gallery 圖片動畫顯示集 http://osking.homeserver.com.tw/2009/10/jquery-gallery-%e5%9c%96%e7%89%87%e5%8b%95%e7%95%ab%e9%a1%af%e7%a4%ba%e9%9b%86/ http://osking.homeserver.com.tw/2009/10/jquery-gallery-%e5%9c%96%e7%89%87%e5%8b%95%e7%95%ab%e9%a1%af%e7%a4%ba%e9%9b%86/#comments Tue, 06 Oct 2009 16:55:27 +0000 林翔 http://osking.homeserver.com.tw/?p=352

套件名稱：jQuery Gallery
系統需求：jQuery
本文章集合一些 jQuery 運用在圖片上的效果。

Space Gallery – 是一款很炫用 3D 方式顯示圖片的效果。  demo按我

jQuery Cycle Plugin - 是一款值得推薦的圖片顯示效果，輕巧且包含很多顯示效果。

EOGallery – 是一款結合 jQuery 、Cody Lindley 和 Thickbox 顯示圖片效果的套件。

piroBox – 也是一款非常特別的顯示效果。

zoomimage – 也是一款挺特別的秀圖套件。

MooFlow – 再推一款超酷的show圖程式，不但有魚眼效果，還可以使用滑鼠中間的滾輪瀏覽圖片喔。  按我demo

Share/Bookmark

相關文章

  1. jQuery checkbox樣式修改
  2. jQuery lavalamp效果
  3. jQuery 控制捲軸至頂端

相關文章
  1. jQuery checkbox樣式修改
  2. jQuery lavalamp效果
  3. jQuery 控制捲軸至頂端
]]> http://osking.homeserver.com.tw/2009/10/jquery-gallery-%e5%9c%96%e7%89%87%e5%8b%95%e7%95%ab%e9%a1%af%e7%a4%ba%e9%9b%86/feed/ 0 很酷的滑動效果 coda-slider http://osking.homeserver.com.tw/2009/10/%e5%be%88%e9%85%b7%e7%9a%84%e6%bb%91%e5%8b%95%e6%95%88%e6%9e%9c-coda-slider/ http://osking.homeserver.com.tw/2009/10/%e5%be%88%e9%85%b7%e7%9a%84%e6%bb%91%e5%8b%95%e6%95%88%e6%9e%9c-coda-slider/#comments Tue, 06 Oct 2009 10:36:18 +0000 林翔 http://osking.homeserver.com.tw/?p=350

套件名稱：coda-slider
系統需求：jQuery
套件說明：1..1.1
demo： 本地demo
coda-slider 是一款可以將文章做滑動效果的 jQuery 插件。

Share/Bookmark

相關文章

  1. jQuery checkbox樣式修改
  2. jQuery lavalamp效果
  3. 可以針對任何元件達到水平滑動(或垂直滑動)效果 jCarousel

相關文章
  1. jQuery checkbox樣式修改
  2. jQuery lavalamp效果
  3. 可以針對任何元件達到水平滑動(或垂直滑動)效果 jCarousel
]]> http://osking.homeserver.com.tw/2009/10/%e5%be%88%e9%85%b7%e7%9a%84%e6%bb%91%e5%8b%95%e6%95%88%e6%9e%9c-coda-slider/feed/ 0 jQuery checkbox樣式修改 http://osking.homeserver.com.tw/2009/10/jquery-checkbox%e6%a8%a3%e5%bc%8f%e4%bf%ae%e6%94%b9/ http://osking.homeserver.com.tw/2009/10/jquery-checkbox%e6%a8%a3%e5%bc%8f%e4%bf%ae%e6%94%b9/#comments Tue, 06 Oct 2009 09:38:56 +0000 林翔 http://osking.homeserver.com.tw/?p=348

套件名稱：jQuery-checkbox
系統需求：jQuery
套件說明：1.3.0b1
demo：  本地demo
jQuery-checkbox 是一個修改 checkbox 樣式的 jQuer插件，修改的樣式如下所示。

Share/Bookmark

相關文章

  1. jQuery lavalamp效果
  2. jQuery 控制捲軸至頂端
  3. jQuery 橫列式Accordion效果

相關文章
  1. jQuery lavalamp效果
  2. jQuery 控制捲軸至頂端
  3. jQuery 橫列式Accordion效果
]]> http://osking.homeserver.com.tw/2009/10/jquery-checkbox%e6%a8%a3%e5%bc%8f%e4%bf%ae%e6%94%b9/feed/ 0 jQuery 樹狀檔案 http://osking.homeserver.com.tw/2009/10/jquery-%e6%a8%b9%e7%8b%80%e6%aa%94%e6%a1%88/ http://osking.homeserver.com.tw/2009/10/jquery-%e6%a8%b9%e7%8b%80%e6%aa%94%e6%a1%88/#comments Tue, 06 Oct 2009 09:24:20 +0000 林翔 http://osking.homeserver.com.tw/?p=345

套件名稱：jQuery File Tree
系統需求：jQuery
套件說明：1.01
demo：http://abeautifulsite.net/notebook_files/58/demo/
套件下載：按我下載
jQuery File Tree 是一個用樹狀方式呈式檔案模式的套件，其中有一些不同呈現的效果，請見底下的demo。

Share/Bookmark

相關文章

  1. jQuery lavalamp效果
  2. jQuery checkbox樣式修改
  3. jQuery 控制捲軸至頂端

相關文章
  1. jQuery lavalamp效果
  2. jQuery checkbox樣式修改
  3. jQuery 控制捲軸至頂端
]]> http://osking.homeserver.com.tw/2009/10/jquery-%e6%a8%b9%e7%8b%80%e6%aa%94%e6%a1%88/feed/ 0