- 1 2 3 4
- 5"text/CSS"> 6 #mask_box {
- 7width:100%;
- 8height:100%;
- 9z-index:9999;
- 10position:fixed;
- 11top:0;
- 12left:0;
- 13 display: none;
- 14 }
- 15 #DialogWrapper {
- 16 width: 500px;
- 17 margin: 50px auto;
- 18 padding: 10px;
- 19text-align: center;
- 20 background: #f1f1f1;
- 21border-radius: 20px;
- 22 }
- 23 #DialogYesBtn{
- 24margin-left: 10px;
- 25 color: #fff;
- 26 padding: 5px 20px;
- 27 cursor: pointer;
- 28 }
- 29 #DialogNoBtn{
- 30 padding: 5px 10px;
- 31 cursor: pointer;
- 32 }
- 33 #DialogWrapper img {
- 34width:20%;
- 35 }
- 36@media screen and (max-width: 768px) {
- 37 /*css for mobile*/
- 38 }
- 39404142"mask_box">43"DialogWrapper">44class="Dialog_content">45"font-size:40px;border-bottom:1px solid #ddd;padding-bottom:10px;">Viavelobike46
- 47
- Please choose your country:
- 4849class="Dialog_text">50"DialogYesBtn"src="https://cdn.shopify.com/s/files/1/1811/7921/t/4/assets/canada.jpg"alt="canada"/>51"DialogNoBtn"src="https://cdn.shopify.com/s/files/1/1811/7921/t/4/assets/us.jpg"alt="us"/>525354555657"jquery-1.12.4.min.js">58 59 $(function(){
- 60$("#mask_box").fadeToggle(1000);
- 61
- 62 });
- 63 $(function(){
- 64$("#DialogYesBtn").click(function(){
- 65window.location.href ='http://stackoverflow.com/'; //特别适合程序员的问答站点,秒杀国内某度
- 66 })
- 67$("#DialogNoBtn").click(function(){
- 68$("#mask_box").fadeToggle(2000);
- 69 })
- 70 });
- 7172
来源: http://www.bubuko.com/infodetail-2039429.html