2017-01-23 21 views
0

任何人都可以帮助我吗?如何在文章网站的特定行上创建弹出窗口?

我需要创建特定的弹出窗口。

如果用户正在阅读文章并且已经到达中期文章,那么将弹出一个弹出窗口,如果返回到弹出窗口的顶部将被隐藏。

这是我的源代码弹出

$(".news").css("width","100%"); 
 
$(document).ready(function(){ 
 
    if($("#blanket").length==1){ 
 
     if($("#popUpDiv2").length==1){ 
 
      popup('popUpDiv2'); 
 
     } 
 
     else{ 
 
      popup('popUpDiv'); 
 
     } 
 
    } 
 
    checkCookie('popUpDiv'); 
 
    $('#popUpDiv').removeAttr('style');  
 
    $('#popUpDiv').css({left: 20, bottom: 25}); 
 

 
});
#blanket {width: 10px;background-color:#fff;opacity:0;position:fixed;z-index:9001;top:0px;left:0px;/*width:100%;*/} 
 
#popUpDiv {position:fixed;background:url('../image/Pop-Up-Banner-NOS-6000-Vermillion.png') no-repeat;width:275px;height:275px;z-index:9002;background-size: 275px auto;} 
 
.trbox{width:270px;height:270px;bottom: 0px;left: 0px;} 
 
#popUpDiv a,#popUpDiv2 a {width:45px;height:10px;padding: 2px 35px;position:relative;bottom: 29px;left:103px;}/*fix jangan diutak atik*/ 
 
.closepopup2{position: absolute;cursor: pointer;font-weight: bold;color: #fff;width:20px;height:2px;padding: 5px 10px;float:right;bottom: 232px;right:1px;} /*fix jangan diutak atik*/
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
div id="popup"></div> 
 
<div id="blanket" style="display:none;"></div> 
 
<div id="popUpDiv" style="display:none;"><div class="trbox">&nbsp;</div> 
 
    <a target="_blank" href=""></a> 
 
    <div onclick="popup('popUpDiv')" class="closepopup2"></div> 
 
    <!-- <div class="popUpbottom"> 
 
     <div class="comboAlert"><input type="checkbox" name="checkboxAlert" id="checkboxAlert"> Don't show again Today</div> 
 
    </div> --> 
 
</div>

+0

你的代码只显示在弹出的代码(在使用本地图片)。您还需要为您的文章添加代码,以及导致弹出窗口出现的任何滚动行为。 –

+0

你的问题是在这个网站上的“脱离主题”。它需要以***的形式为什么我的代码不工作?我认为它应该工作!***,而不是***的形式,我需要你为我编码,免费***。我们可以帮助您学习编码,我们不会为您编码。这是个很大的差异。请阅读[如何问](http://stackoverflow.com/help/how-to-ask)部分。 –

+0

@AndreiGheorghiu对不起,如果它出现的话题,我只是想要求帮助显示弹出时,它达到了某个段落 –

回答