- <!DOCTYPE html>
- <html><head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width,initial-scale=1, user-scalable=no">
- <meta name="full-screen" content="yes">
- <meta name="x5-fullscreen" content="true"/>
- <title>来电话了</title>
- </head><body>
- <style type="text/CSS">
- html,body{background-color:#ffffcc;position:fixed;padding:0;margin:0;}
- .cf-hidden { display: none; }
- .cf-invisible { visibility: hidden; }
- #bg img{width:100%;height:100%;}
- #ti>#j{float:left;left:20px;border-radius:100px;}
- #ti>#g{float:right;right:20px;border-radius:100px;}
- #ti img{position:fixed;bottom:20px;height:80px;background:#;}
- #ti img:hover{background:red;}
- #top{background:#333;padding:15px;width:100%;position:fixed;top:0px;color:#fff;font-size:17px;opacity:0.3;}
- #name{background:#ffffee;border-radius:7px;padding:5px;font-size:14px;color:red;}
- #phone{padding:9px 5px 5px 12px;}
- #center{position:fixed;font-size:19px;color:#ffffdd;top:50%;left:35%;width:50%;}
- </style>
- <img src1="790431300/bg.jpeg" id="bg">
- <div id="top"><span id="name">陌生人</span><span id="phone">790431300</span></div>
- <div id="center">您来电话了!</div>
- <script type="text/javascript">
- navigator.vibrate = navigator.vibrate ||
- navigator.webkitVibrate ||
- navigator.mozVibrate ||
- navigator.msVibrate;
- navigator.vibrate([1000, 500, 1000, 500, 1000, 500, 1000, 500, 1000, 500, 1000, 500, 1000, 500]);
- function t(){
- alert("对方已挂断");
- window.location.href='tel:790431300';
- }
- setTimeout("t()",12000)
- </script>
- <div id="ti" onclick="t()"><img src1="790431300/j.png" id="j"><img src1="790431300/g.png" id="g"></div>
- <audio src1="790431300/790431300.ogg" autoplay="autoplay" loop="loop"></audio>
- </body></html>
来源: http://www.phpxs.com/code/1007626/