看創設在衝三小

2015年1月26日 星期一

兩個 jQuery Animate 動態按鈕分享

彈跳按鈕
http://www.flycan.com/article/javascript/jquery-animate-next-prev-1528.html



滑動式彩帶按鈕
http://www.flycan.com/article/javascript/jquery-animate-ribbons-1473.html

張貼者： Unknown 於 凌晨1:59
以電子郵件傳送這篇文章BlogThis！分享至 X分享至 Facebook分享到 Pinterest
標籤： [3]KM主題-網頁設計(2014/12/01~01/31)

沒有留言:

張貼留言

較新的文章 較舊的文章 首頁
查看行動版
訂閱： 張貼留言 (Atom)

標籤

  • [1]KM主題-配色技巧(2014/9/22~10/13) (41)
  • [2]KM主題-攝影技巧(2014/10/20~11/24) (72)
  • [3]KM主題-網頁設計(2014/12/01~01/31) (51)
  • [4]KM主題-修MD技巧(2015/2/2~2/28) (24)
  • [5]KM主題-輸出/印刷相關(2015/3/1~3/31) (26)
  • [6]KM主題-字型字體相關(2015/4/1~4/30) (9)
  • [7]KM主題-影片製作(2015/6/1~6/30) (5)
  • 3D (6)
  • 3D列印 (4)
  • 3D動畫 (11)
  • 互動式網頁 (2)
  • 介面設計 (2)
  • 化妝 (6)
  • 戶外廣告 (38)
  • 手工藝 (22)
  • 手機穿越照 (1)
  • 手繪 (47)
  • 日本 (17)
  • 世大運 (1)
  • 世界表情符號日 (2)
  • 以色列 (1)
  • 包裝設計 (27)
  • 台灣 (3)
  • 台灣開發 (2)
  • 平面設計 (115)
  • 光影藝術 (4)
  • 全球離線自由行 (1)
  • 合成 (18)
  • 名片設計 (2)
  • 字形字體相關 (22)
  • 字型設計 (37)
  • 字體設計 (29)
  • 约翰强尼 (1)
  • 羊毛氈 (1)
  • 色彩 (4)
  • 色票 (19)
  • 行程規劃 (1)
  • 行銷策略 (41)
  • 免費下載 (6)
  • 完形心理學 (1)
  • 折紙藝術 (3)
  • 沉默螺旋 (1)
  • 沉默螺旋理論 (1)
  • 服裝設計 (1)
  • 法國 (3)
  • 金工設計 (2)
  • 金點設計獎 (1)
  • 保養品網站廣告分享 (1)
  • 品牌設計 (20)
  • 城市美化 (5)
  • 室內設計 (6)
  • 幽默設計 (9)
  • 挑戰主流 (1)
  • 映射投影 (1)
  • 流行時尚 (34)
  • 玻璃藝術 (1)
  • 美國 (2)
  • 美術指導 (3)
  • 英國 (4)
  • 限時免費 (2)
  • 限時動態 (1)
  • 限時動態漸層文字 (1)
  • 食物藝術 (12)
  • 香氛 (4)
  • 展覽訊息 (9)
  • 捉迷藏 (1)
  • 氣象戰 (1)
  • 泰國 (1)
  • 海報設計 (15)
  • 紙模型 (12)
  • 紙雕 (7)
  • 素材分享 (5)
  • 素描 (1)
  • 配色技巧 (20)
  • 剪紙藝術 (2)
  • 動畫 (4)
  • 動畫短片 (21)
  • 動態照片 (3)
  • 動態照片教學 (3)
  • 商品設計 (63)
  • 排版設計 (4)
  • 深井冰系 (1)
  • 產品設計 (42)
  • 設計工具 (5)
  • 設計比賽 (2)
  • 設計師 (90)
  • 設計師網站 (4)
  • 設計概論 (15)
  • 設計趨勢 (5)
  • 設計邏輯 (17)
  • 創意設計 (80)
  • 創意設計部 雜誌採買 (10)
  • 創意概念 (23)
  • 喜帖設計 (1)
  • 報價 (1)
  • 插畫設計 (121)
  • 棉線 (1)
  • 畫家 (1)
  • 想像力 (77)
  • 節日 (2)
  • 群眾募資 (1)
  • 裝置藝術 (56)
  • 資源分享 (2)
  • 跨界合作 (40)
  • 遊記專區 (1)
  • 遊戲 (2)
  • 遊戲APP分享 (5)
  • 鉛筆 (3)
  • 鉛筆花 (1)
  • 雷射切割 (1)
  • 雷射雕刻 (1)
  • 電影 (1)
  • 電影場景 (5)
  • 圖像化表格 (3)
  • 漸層文字 (1)
  • 網頁設計 (39)
  • 網站分享 (37)
  • 寫實畫 (1)
  • 廣告欣賞 (168)
  • 廣告影片 (7)
  • 影片欣賞 (150)
  • 影片剪輯 (4)
  • 德國 (2)
  • 編織藝術 (3)
  • 閱讀障礙 (1)
  • 澳洲 (1)
  • 雕刻作品 (22)
  • 雕塑作品 (6)
  • 應用程式分享 (14)
  • 縮時攝影 (1)
  • 隱藏版 (1)
  • 韓國 (1)
  • 黏土 (3)
  • 雜誌分享 (20)
  • 櫥窗設計 (2)
  • 繪畫 (78)
  • 藝術風格 (38)
  • 識別設計 (5)
  • 議題結合設計 (13)
  • 攝影作品 (200)
  • 攝影師 (60)
  • 攝影概論 (19)
  • 蠟筆 (1)
  • 霸凌 (1)
  • AI人工智慧 (1)
  • APP設計 (1)
  • apple (1)
  • blooming flowers (1)
  • CC素材 (1)
  • Cinemagraphs (1)
  • color (1)
  • CSS (5)
  • Evernote (1)
  • FB設計 (1)
  • font (1)
  • Funliday (1)
  • gif (1)
  • GIF動畫 (1)
  • Google (1)
  • HTML5 (2)
  • IG系列 (4)
  • IG系列♪♫♪♫~~ 你想知道的都教給你 (4)
  • IG超紅 (3)
  • J編 (1)
  • Julian Glander (1)
  • LOGO設計 (8)
  • Natural Optimism (1)
  • new (1)
  • Off-Screen (1)
  • PANTONE (2)
  • Photoshop (30)
  • Photoshop Mix (1)
  • Plotagraph (1)
  • ps修圖 (13)
  • Sticky Monster Lab (1)
  • SWOT分析 (1)
  • The Father (1)
  • The Loner (1)
  • Twinings (1)
  • Twinings Infusions (1)
  • UI&UX (5)
  • UI設計 (9)
  • Voice over (1)
  • Worldemojiday (1)
  • 스티키몬스터랩 (1)

搜尋此網誌

熱門文章

  • Why The Color Red Revs Your Desire (But Lowers Your IQ)
    The oldest cave paintings in the world are about 40,000 years old. Images of dots in Spain, Buffalo in France, and stenciled hands in In...
  • 剪紙+視覺錯位=會心一笑
    「剪紙+視覺錯位=會心一笑」，名勝景點新意象－Rich McCor 熱愛旅行的英國的藝術家Rich McCor喜歡在旅行時拍攝有趣的作品。 旅途的開端，他只是在自己居住附近的城市移動，然後試著將一些我們視為平常的風景或生活情況，用他個人幽默...
  • How to Retouch a Model with Photoshop (歐美雜誌風格)
    Final Image Tutorial Details Program  : Photoshop CS3 + Estimated Completion Time  : 30 minutes Difficulty  : Beginner
  • Pantone色票小常識&對應RGB.CMYK色碼
    Pantone色票上有寫英文字，分別是什麼意思？ Coated=光面紙質 (亮面) Uncoated=不光面紙質 Photoshop裡面有Pantone色票可以選用，但名稱後面有EC/PC/UP 有什麼分別?  EC=Euro Coated 歐洲色系光面紙質(舊...
  • LOGO 不只是品牌的象徵
    由上圖的兩個  Logo  來看，大家應該是相當熟悉不過的吧？！ 這個可算是今年 十足話題之一的品牌 Logo 蛻變 「Instagram」！ 以一個品牌的主視覺形象來說，「重新設計與推出」在各面向之 上，都可視 之為是件相當不容易...

網誌存檔

  • ►  2017 (238)
    • ►  11月 (18)
    • ►  10月 (25)
    • ►  9月 (15)
    • ►  8月 (24)
    • ►  7月 (25)
    • ►  6月 (24)
    • ►  5月 (22)
    • ►  4月 (23)
    • ►  3月 (28)
    • ►  2月 (17)
    • ►  1月 (17)
  • ►  2016 (300)
    • ►  12月 (22)
    • ►  11月 (23)
    • ►  10月 (21)
    • ►  9月 (19)
    • ►  8月 (30)
    • ►  7月 (31)
    • ►  6月 (21)
    • ►  5月 (33)
    • ►  4月 (18)
    • ►  3月 (31)
    • ►  2月 (12)
    • ►  1月 (39)
  • ▼  2015 (278)
    • ►  12月 (24)
    • ►  11月 (36)
    • ►  10月 (17)
    • ►  9月 (6)
    • ►  8月 (12)
    • ►  7月 (14)
    • ►  6月 (16)
    • ►  5月 (2)
    • ►  4月 (12)
    • ►  3月 (50)
    • ►  2月 (39)
    • ▼  1月 (50)
      • 30張Photoshop修圖失敗之作
      • 當 Photoshop 強大到.....你說還能相信什麼？
      • 遮瑕膏下的美麗臉龐 白斑女孩與殭屍男孩的真情告白
      • 兩個 jQuery Animate 動態按鈕分享
      • 拋開舊思維，開啟 Christoph Niemann 的「異」想視野
      • 長能豐一 的搞怪 兒童攝影 ，愛女Kanna化身百變女伶！
      • 一手一筆一本成就超細膩針筆塗鴉
      • 用一隻針筆畫出外星都市般的奇幻世界
      • 號稱史上最可愛的動物版英文字母教學圖
      • 日本男前豆腐店
      • 全套 50 集 Photoshop Playbook 教學影片 Youtube 任看
      • 蘿莉迪士尼
      • 網站設計的原則
      • 巧筆畫天工！20個創意迸發的「大手筆」字體網站
      • 2014 年初 最具創意時尚網站 TOP 20
      • 50個給網頁設計師的素材
      • 2015年至关重要的四种排版趋势
      • 藥盒背面的小鳥
      • 韓《手縫卡片》有些話不好意思說那就用縫的吧!
      • 超美《柔美水彩肖像》出自德國畫家 Aurora Wienhold 之手
      • 躍然紙上的紙雕作品...是真的浮在紙面上了！
      • 是照片？還是畫？藝術家的超現實手繪畫作
      • 情迷西班牙！20個來自西班牙最優秀的網頁設計
      • 「同情心」和「同理心」的差別，安慰別人時小心用錯
      • 只要一關上燈，這間房間一秒變成奇幻場面
      • 糖果屋變身藝術風景照? 用加工食品搭建出的景觀攝影
      • 餐桌上的星際效應攝影集
      • 報紙也能變成美麗的紙雕蕾絲！
      • 25歲德國藝術家 - Gesine Marwedel
      • Zeebee
      • The Eco Zoo
      • 狗狗耶卡
      • 汪星人動畫GIF
      • 這是一支每個台灣人都應該看過的影片
      • 23張中肯到讓你淚流滿面的日常圖表
      • 給網頁設計新手的10條實用法則
      • 創意是廣告的靈魂，超亮眼企劃封面設計
      • 收藏品等級《精靈寶鑽》手繪本
      • 經典小說《文庫本紙雕刻》切合主題的紙雕刻作品
      • 專門蒐集日本網站的網站 XD
      • 2015亞洲插畫祭來囉！免費參加唷~
      • Balsamiq Mockups簡易網站繪製軟體
      • 《Simplest CSS3 Generator》CSS3線上特效產生器
      • CSS教學－免寫程式透過CSS當字數超出範圍時，自動出現….
      • CSS教學－「CSS3漸層按鈕」 線上語法產生器
      • 兩個自己做網頁無須語法的網站
      • 26個有史以來最經典的巧克力設計
      • 你長得像IKEA家具嗎？馬來西亞掀起模仿IKEA家具風潮
      • Grandpa’s Photos 外公的相片
      • 跟上色彩潮流！帶你展望2015年的網頁設計配色趨勢
  • ►  2014 (546)
    • ►  12月 (48)
    • ►  11月 (68)
    • ►  10月 (56)
    • ►  9月 (39)
    • ►  8月 (57)
    • ►  7月 (44)
    • ►  6月 (41)
    • ►  5月 (48)
    • ►  4月 (55)
    • ►  3月 (48)
    • ►  2月 (24)
    • ►  1月 (18)
  • ►  2013 (385)
    • ►  12月 (48)
    • ►  11月 (32)
    • ►  10月 (46)
    • ►  9月 (38)
    • ►  8月 (27)
    • ►  7月 (43)
    • ►  6月 (55)
    • ►  5月 (27)
    • ►  4月 (18)
    • ►  3月 (20)
    • ►  2月 (16)
    • ►  1月 (15)
  • ►  2012 (59)
    • ►  12月 (15)
    • ►  11月 (21)
    • ►  10月 (23)
簡單主題. 技術提供：Blogger.