分享一个今天写的 Web 弹出窗口方案。
GitHub ：
https://github.com/shifuchen/PeekBar
优势：
无需在新窗口打开页面；
应用于移动端时，弹窗中的内容可以很容易被大拇指点按到。
可能的使用场景：
浏览多图的文章时，在点击一张缩略图后弹出一张大图；
弹出一条警告，需要用户专心作出选择；
登录或注册；
推送通知；
正在加载……
当然你的点子肯定不仅仅局限于这些……
希望你会喜欢！
Enjoy it!
爱意满满的作品展示区。
This topic created in 4041 days ago, the information mentioned may be changed or developed.
Supplement 1 · Oct 14, 2015
 |
MinonHeartOct 13, 2015 via Android
1
JS 写的非常溜 ^﹏^
没个 demo |
 |
2
@MinonHeart 本来打算把 demo 传到我博客上的，然而……我用的 Azure 的虚拟机，赶上这两天的停电事故……所以就挂了……
|
 |
lizhendaOct 13, 2015
3
有 demo 更好啦~
|
 |
5
 帮楼主做了个简单的演示 |
1 |
soxOct 13, 2015
7
JS 非常 6 XD
|
|
soxOct 13, 2015
8
我并不想说什么，只是。。。我看到。。
$(document.getElementById("photo")).click(function () { // 点击内容 var imglnk = this.src; // 获取所点击的这张图的地址 document.getElementById("photoInBar").src = imglnk; // 在 PeekBar 中显示大图，其地址与页面上原图的地址相同 |
|
9
@sox 嗯……因为做这个 project 的灵感就是来源于今天早上访问的一个多图的网站：点击一个缩略图就会弹出大图。但是我感觉体验不是很好，于是就灵光一现，干脆自己做了一个……
|
 |
luowayOct 13, 2015
12
|
|
13
@luoway 刚刚尝试去掉 $( 和 ) ，只保留 document.getElementById("photo")，然后在 Safari 里面测试，点击图片就没反应了……
|
 |
exoticknightOct 13, 2015
14
思路可以，代码就……
|
|
15
@exoticknight 代码渣，毕竟不是专业的，求轻喷……
|
|
exoticknightOct 13, 2015
16
@shifuchen
因为 click 是 jQuery 对象的函数，不是原生 dom 元素的函数= =b |
 |
17
看不出有多“最”，楼主不妨看看这个 https://github.com/t4t5/sweetalert
|
|
luowayOct 13, 2015
18
|
|
luowayOct 13, 2015
19
|
 |
fuermosi777Oct 16, 2015
22
弹出来以后 浏览器会蹦出个滚动栏 （ mac +chrome ）导致整个画面跳动一下
|
Select Language