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

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

觀看範例

...

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

目前共有三種樣式

 

觀看範例

...

目前在 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"> 這裡面的內容,而不是這篇網頁的文字內容。

...

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

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

觀看範例

...

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

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

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

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

觀看範例

...