服務信箱：sr.design2011@gmail.com搜尋本網站

SR網頁設計工作室 - 購物網站/企業官網專業開發

搜索
SR網頁設計工作室 - 購物網站/企業官網專業開發 › JS程式語法 › 使用 JQuery 製作仿 iPhone螢幕鎖定

使用 JQuery 製作仿 iPhone螢幕鎖定

byadmin 發表於 2013-5-31 18:18:06 , 3799人已閱讀 , 0人回應
不曉得大家是否覺得iPhone的螢幕鎖是一種很棒的操作設計 , 今天利用jQuery製作了一個仿iPhone螢幕鎖的功能頁面，主要效果就是在讀取頁面時增加個遮罩，拉動後即可讀取內容。不過靜態化頁面上的應用當然是純娛樂性質，若是要拿來做為拉動後打開隱藏內容，需要搭配PHP動態呼叫應用，才可以達到真實隱藏的效果喔 , 其他應用方式當然就是要靠設計師的無限創意囉 :)

iphone lock.jpg


本範例請使用Chrome查看最完整動態效果 , IE不支援此遮罩效果 , 請勿使用IE瀏覽..


SlideToUnlock.rar (6.46 KB, 下載次數: 3, 售價: 3 S幣)
iPhone, jquery

相關帖子

收藏回覆 只看該作者 道具 舉報

返回列表
Traffic Exchange Site
高級模式
B Color Image Link Quote Code Smilies
您需要登錄後才可以回帖 登錄 | 立即註冊

作者資訊

admin

文章分類

Contact us

歡迎您使用以下方式聯繫我們 , 本工作室服務時間為每日早上10:00點至晚間7:30點 ,也可點選下方 Contact us 進入留言板留下您的問題與相關聯絡資訊 , 我們將會儘快了解與回覆您。

SR數位設計工作室

  • 服務專線：03-3555-069


ECSHOP購物網站開發|接案說明|線上洽詢|隱私權政策|SR數位設計(CMS)

信箱：sr.design2011@gmail.com

本網站推薦使用以下瀏覽器 (請點擊圖式下載)

, Processed in 0.045883 second(s), 44 queries , Gzip On.

Copyright © 2011-2014 Template By SR網頁設計清新部落風格

Core - DZ2.5　GMT+8, 2024-11-21 19:54

回頂部