Sharingthe Best

最新網頁技術，隨時分享給您

我們一直不停探索最新的網頁設計技術
  • 1 最新網頁技術，隨時分享給您
    邦立資訊透過知識結合，連結技術分享
  • 2 jQuery Timeline - 時程表運用
    網頁設計中，常常會看到流程表、時間表的呈現，通常都是很單純的一次顯示所有的流程或時間，利用卷軸下拉方式作呈現..
  • 3 AddThis - 社群網站圖示語法
    "AddThis" 是一個自動提供語法的網站，可以讓您的網站或部落格上同時顯示包含 Facebook、Twitter、Google+ 等大型國際社群網站的人氣指數..

6/13/2011 

elastic-textarea 自動分行表格

jQuery
elastic-textarea 自動分行表格

許多網頁設計在填寫表格的時候，傳統都會在右邊出現捲軸，但往往上面輸入的資訊會被往上滾而隱藏起來，elastic-textarea 是個簡便又美觀的 jQuery 元件，可隨著你所編輯的內文而自動拉長。

觀看範例

...
6/8/2011 

calendar-mootools 月曆元件

jQuery
calendar-mootools 月曆元件

超美月曆選單元件，支援IE9，點選以後還可拖曳月曆，簡單又漂亮

目前共有三種樣式

 

觀看範例

...
5/26/2011 

Facebook 分享語法

Facebook API

目前在 Facebook 官方網站 上，已經沒有公布 "分享" 的語法了，只剩下網路上仍舊流傳著的許多語法。

在這邊我們把它系統化，並且清楚的分享給您，請依照下面步驟進行設定：

 

1. 網頁中的 HTML 標籤設定為：

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb='http://www.facebook.com/2008/fbml'>

2. 在網頁的 之間，也就是您想要加入分享按鈕的地方，貼上這段程式碼：

<a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">分享這篇文章</a>
<script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script> 

 

以上兩個步驟即可完成。

 

特別注意的地方是，這個分享語法在貼到 Facebook 時，他所抓取的內文資料，是您這個網頁的 網站描述 (description)，也就是：

<meta name="description" content="xxxxx"> 這裡面的內容，而不是這篇網頁的文字內容。

...
5/16/2011 

MopTip - 讓你的連結也能跑出小標籤

jQuery

MopBox 是可拖動顯示框，可以包含文字、圖片、FLASH、影片等，滑到項目上方自動顯示。

圖示也可以自行變換喜歡的樣式及文字，這樣網站的動態是不是整個豐富很多呢？

觀看範例

...
4/29/2011 

Cloud Zoom 圖片放大效果

jQuery

Cloud Zoom 是一個 jQuery 插件圖像放大功能，淡出淡入的放大變化，

成功讓消費者於網站中更清楚看見商品的清晰圖案，且於各大瀏覽器中皆能符合使用。

如果再一些相簿上運用此效果，可以看得更細節，更清楚

非常方便就能在網頁上瀏覽圖片，真的是很棒的功能!

觀看範例

...