※ 本文為 tomin 轉寄自 tomin.twbbs.org 更新時間: 2012-04-28 22:27:54
看板 coding
作者 標題 穿透效果
時間 2012/03/17 Sat 03:29:37
花了一點時間做出一個好玩的東西
紀念一下 算是我近期值得炫耀的代表作
以前只會call套件 沒寫過這類應用 寫出來還滿有成就感的
看板 Ajax
作者 標題 Re: [問題] 有辦法做出穿透效果嗎?
時間 Sat Mar 17 03:07:30 2012
※ 引述《LaPass (LaPass)》之銘言:
: 就是說
: http://i.imgur.com/rJm79.jpg
: 在網頁上弄一個div遮罩
: 然後指定某個區域,可以穿透
: 所謂的穿透,是指可以透明看到後面的東西
: 以及,滑鼠點下去後,可以觸發背後物件的點擊事件
: (點其他地方會點到紅色半透明的遮罩上)
: 請問有辦法做到嗎?
我寫出一個還能用的版本 測試環境 Fx, Chrome
歡迎大家繼續修改它
Demo: http://jsfiddle.net/J22kC/2/
css圓角參考了推文裡的apple like
我可以理解為什麼apple like要有兩張重覆的圖片
我也是故意將div資料重覆第二份
好像只能這樣做 才能同時做到穿透+遮罩的效果
對了 還可以搜尋一下 Reading Blinds 也有類似效果
只是它是長方形 不是圓形
--
◤◥ Origin: Loess Plateau˙黃土高原 tomin.twbbs.org
◣◢ Author: tomin 從 114-24-66-46.dynamic.hinet.net 發表
--
※ 看板: tomin 文章推薦值: 0 目前人氣: 0 累積人氣: 26
回列表(←)
分享