25 個模仿 Facebook 界面的 jQuery 插件

2021-01-03 開源中國

本文介紹 25 個 jQuery 插件，主要用於模仿 Facebook 界面，例如模仿對話框、頭像識別、消息流和菜單等等。

Hovercard

預覽提示信息卡，例如滑鼠移到某個連結上就會有個彈出層提示連結的相關信息。

More Information on Hovercard

類 Facebook 的面部識別

但我們上傳照片到 Facebook 的時候，Facebook 會自動的識別出照片中的面部，並允許你對這些面部打標籤，再此教程中你將學會如何實現該功能

More Information on Facebook like jQuery face recognition

Facebook 風格的確認對話框

使用 jQuery 和 CSS 實現的 Facebook 風格的確認對話框

More Information on Facebook Style Alert Confirm Box

Facebook Wall

Facebook Wall 可以讓你顯示 Facebook 消息牆

More Information on Facebook Wall

scrollExtend and onScrollBeyond

scrollExtend 插件被設計來自動在屏幕底部加載新的內容提醒，類似 Facebook 的狀態更新提醒。

More Information on scrollExtend and onScrollBeyond

Tipsy

Tipsy 是一個用來創建 Facebook 分隔的工具提示的 jQuery 插件。

More Information on Tipsy

Get User Facebook Albums and Pictures

該插件可用來連接到 Facebook 並選擇某個相冊中的照片

More Information on Get User Facebook Albums and Pictures

Facebook search box

該插件受 Facebook 聯繫人搜索框的影響，你可以在搜索框中即時顯示匹配的搜索建議。

More Information on facebook search box

My Facebook Style Sidebar

在屏幕右側創建類似 Facebook 分隔的邊欄

More Information on My Facebook Style Sidebar

Facebook Menu System

Facebook 風格的菜單

More Information on Facebook Menu System

FCBKcomplete

Facebook 分隔的動態輸入框和自動完成功能

More Information on FCBKcomplete

Boxy

Boxy 是一個靈活的類似Facebook分隔的對話框插件，支持拖放和大小調整。

More Information on Boxy

fcbkListSelection

FcbkListSelection – 條目選擇器

More Information on fcbkListSelection

Ajax Flag Menu

AjaxFlagMenu 是一個垂直的菜單插件

More Information on ajaxflagmenu

Facebook Style jQuery Chat

jQuery 聊天模塊

More Information on Facebook Style jQuery Chat

jQuery Tokeninput

Tokeninput 用於輸入預定義列表中的多值，支持自動完成，類似 Facebook 發送留言時候選擇多人

More Information on jQuery Tokeninput

Facebook jQuery-Like-Button

This is a Facebook jQuery-Like-Button-Plugin with callback functions for like and unlike events.

More Information on Facebook jQuery-Like-Button

Facebook-like Registration Form with jQuery

Create a facebook-like sign up form.

More Information on Facebook-like Registration Form with jQuery

Facybox

A jQuery-based, Facebook/Fancybox-style lightbox which can display images, divs, or entire remote pages.

More Information on Facybox

oEMBEDit

oEMBEDit 允許開發者嵌入視頻

More Information on oEMBEDit

Facebook Status

狀態提示信息

More Information on Facebook Status

Edit Image FaceBook Style

為每個圖片增加連結，當滑鼠移到圖片上方時就顯示該連結

More Information on Edit Image FaceBook Style

Facebook Like Button

This is a wonderful plugin for easy installation of Facebook Like button. It allows you to pass in all button parameters along with optional meta/open graph tags.

More Information on Facebook Like Button

Facebox

facebox是一個jquery為基礎的lightbox，可顯示圖像， divs ，或者遠程頁面。 它的使用簡單，容易。

More Information on Facebox

WP Like Locker – Like to Read Plugin (Paid)

WP Like Locker will allow you to add thousands of fans to your WordPress site on Facebook with almost no work. It is very benificial for professional bloggers.

More Information on WordPress Like Locker – Like to Read Plugin

相關焦點

  • 分享6個Facebook和Twitter的jQuery最佳插件
    分享6個Facebook和Twitter的jQuery最佳插件 Facebook 和Twitter是社交媒體的倆大巨人。它們都允許你連接朋友，分享連結和視頻，並且創建相互關係。
  • 25個可遇不可求的jQuery插件
    隨著jQuery插件在網站建設過程中的使用率不斷的增加，所以有必要跟進時代步伐開發出一些新的插件/代碼片段，以此來鞏固並提高前端用戶體驗，將用戶體驗提升到一個新的高度。 接下來所推薦的這些插件中有滑塊、地圖、圖片旋轉塊等等，可以說是最好的、完全免費的jQuery插件。 1.
  • 25款頂級的jQuery表格插件
    jQuery 表格插件可以讓你創建各種各樣的表格布局，表格布局是報紙和雜誌中最常見的布局，現在的網站中也很常見，在這篇文章中，我向大家推薦25個jQuery 的表格插件，你可以任意控制表格的行和列，用文本和圖片進行填充。我用了頂級的來形容這個些插件，我可以肯定你了解它們之後會覺得很酷。
  • 10個免費的jQuery可視化編輯器插件
    本文介紹 10 個基於 jQuery 的可視化文本編輯器。MarkitUpmarkItUp！ 並不是全功能的編輯器，它是一個非常輕量級、可定製的靈活引擎，適合 CMS、博客、論壇等網站。makrItUp 並不是所見即所得的，以後也不會是。
  • 編寫jquery插件的分享
    作為一個前段程式設計師，肯定經常用到一些javascript插件吧，不得不承認，jquery是其中的比較優秀的插件之一，那麼我們有沒有想過我們自己也可以來封裝一個插件呢，下面我給大家分享一些方法，希望對大家有些幫助。
  • 9個有用的jQuery日曆和日期選擇器插件
    【IT168技術】事件日曆和日期選擇器是是我們開發當中經常遇到的問題，這個時候我們就需要用jquery插件來實現，昨天我在做項目的時候，遇到了個問題就是如何顯示倒計時問題，我這個時候就用jquery插件解決的，今天給大家分享9個其他的時間選擇器插件　　FullCalendar　　FullCalendar
  • 21個演示展示強大的jQuery特效
    下面有21 個在線的演示來顯示jQuery在製作高級特效和交互方面的強大能力，可以媲美Flash！1. Flip! 一個 jQuery 插件 這個演示 模仿流行的卡片翻轉的效果，可以360度旋轉自身，x或y維度！
  • 推薦超實用的8款jQuery插件
    推薦一款支持響應式的jQuery幻燈插件Glide.js 在線演示響應式設計絕對是最近兩年的大火設計方式，針對不同的設備都能很好的顯示內容，絕對對於我們這些前端攻城師來說是個天大的好消息，咱再也不用費勁的 在不同瀏覽器和設備上做兼容性的痛苦調試了，最近項目中使用了一個支持響應式的幻燈插件Glide.js，今天有空和諸位一起分享一下
  • 5款jQuery滾動效果插件
    jQuery滾動效果插件 WaypointsWaypoints 是一個 jQuery 用來實現捕獲各種滾動事件的插件，例如實現無翻頁的內容瀏覽，或者固定某個元素不讓滾動等等。支持主流瀏覽器版本。
  • 分享一個HTML 5的上傳jQuery插件:jQuery HTML5 uploader
    分享一個HTML 5的上傳jQuery插件:jQuery HTML5 uploader 隨著HTML5的使用越來越被大家接受，基於HTML5的技術和插件也會變得越來越廣泛，今天我們介紹一款基於HTML5和jQuery的上傳插件: jQuery HTML5 uploader。
  • 分享10 個 jQuery 的語言翻譯插件
    日期：2011/11/23  來源：GBin1.com 和Google翻譯類似，jQuery插件也可以用來整合語言翻譯功能到你的網站，這裡我們分享非常不錯的10個jQuery插件
  • 分享10個jQuery的語言翻譯插件
    和Google翻譯類似，jQuery插件也可以用來整合語言翻譯功能到你的網站，這裡我們分享非常不錯的10個jQuery插件。希望大家能夠喜歡！1. jQuery Translator Plugin 使用jQuery翻譯插件，網頁不用修改就可以很容易的翻譯成其它語言。
  • 推薦15 個 jQuery 選擇框插件
    本文向你推薦 15 個 jQuery 的選擇框插件，可輕鬆集成到你的 Web 應用中。希望你能喜歡。1. FancySelectFancySelect 是一個易於使用的 jQuery 選擇框插件，對於 Web 開發者來說是個很好的選擇。2. Bootstrap Select
  • 30 個最棒的 jQuery 的拖放插件 - OSCHINA - 中文開源技術交流社區
    jQuery 允許用戶為任意 DOM 元素添加可拖放的功能，通過 jQuery 的拖放插件你可以輕鬆實現網頁上任意元素的拖拽操作。
  • 8個圖片360度旋轉展示的jQuery插件
    日期：2011/11/02  原文：jquery4u.com  編譯：GBin1.com今天分享8個可以幫助你360度旋轉顯示圖片的jQuery插件，這些插件能幫助你更好的提供圖片商品的瀏覽體驗
  • 10個簡便的jQuery語言翻譯插件
    中國軟體網訊   和Google翻譯類似，jQuery插件也可以用來整合語言翻譯功能到你的網站，這裡我們分享非常不錯的10個jQuery插件。希望大家能夠喜歡!1. jQuery Translator Plugin使用jQuery翻譯插件，網頁不用修改就可以很容易的翻譯成其它語言。
  • 9 個單頁面網站開發必備 jQuery 插件
    使用這個插件，可以幫助你快速的搭建一個滾動的頁面導航，如果你需要比較簡單直接的方式開發一個單頁面的網站，這個插件是一個不錯的選擇。  而且插件允許你使用CSS變形旋轉整個頁面。   Ascensor所實現的效果確實很新穎，你可以用四個方向鍵來控制網頁內容的移動，類似電梯一層層移動的效果，還不明白的直接看演示效果就清楚了。
  • jquery 三級聯動插件專題及常見問題 - CSDN
    在開發工作中，有時候需要我們自己去手動開發一個插件，剛好我遇到了這樣的機會，也有時間去完成這個插件，所以就做了一個適合自己的項目的三級聯動下拉插件。
  • jquery 社交分享插件專題及常見問題 - CSDN
    通常，一些社交媒體插件都能允許你的用戶分享你網站上的內容到其他的社交平臺，比如說這些社交平臺 上：Facebook, Google, Twitter, Pinterest等等。這裡我們選擇了 15 款最好的 jQuery 社交分享插件。只需要少量的代碼，即可將它們輕鬆的集成到你的網站上，並且能夠幫助你的訪問者分享網站上的內容。
  • 2013年11月 15個最新的jQuery插件
    本文我們列舉了 15個截至2013年11月為止最新的jQuery插件 ，合理利用這些插件將會極大地增強網頁的表現力，突出網站主題。1. Maplace.js 插件支持標記、自定義圖標、縮放控制和自定義控制菜單。插件在MIT許可協議下提供。2. Auto Fix Anything