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