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

iphone lock.jpg


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


SlideToUnlock.rar (6.46 KB, 下載次數: 3, 售價: 3 S幣)
Traffic Exchange Site
您需要登錄後才可以回帖 登錄 | 立即註冊

作者資訊

文章分類

SR數位設計工作室

  • 服務專線:03-3555-069


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

信箱:sr.design2011@gmail.com

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

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

Core - DZ2.5 GMT+8, 2024-10-16 09:55

回頂部