浏览代码

文章内容详情之后加入广告模块

luyanan 7 年之前
父节点
当前提交
5938178b21
共有 3 个文件被更改,包括 21 次插入0 次删除
  1. 3 0
      app/html/professorArticle.html
  2. 二进制
      app/images/ad/hydh-2017-m.jpg
  3. 18 0
      app/js/adverts/ad_article_bottom.js

+ 3 - 0
app/html/professorArticle.html

@ -90,6 +90,8 @@
90 90
					<div class="thumbBlock">
91 91
						<span class="thumbBtn">赞 <span id="snum"></span></span><!-- thumbedBtn 已赞 201-->
92 92
					</div>
93
					<!--广告模块-->
94
					<div class="madiaBlock advertItem" style="margin:10px 0"></div>
93 95
					<!--您可能感兴趣的文章-->
94 96
					<div class="madiaBlock displayNone" id="article">
95 97
						<div class="madiaTit">您可能感兴趣的文章</div>
@ -137,6 +139,7 @@
137 139
		<script src="../js/public/mui.min.js"></script>
138 140
		<script src="../js/public/base.js"></script>
139 141
		<script src="../js/public/jquery-1.11.1.js"></script>
142
		<script src="../js/adverts/ad_article_bottom.js"></script>
140 143
		<script type="text/javascript"> 
141 144
			document.getElementById("listenClick").addEventListener("tap",function(){
142 145
				$(".mui-content").animate({"scrollTop": document.getElementById("olisten").offsetTop-20+"px"}, 400); 

二进制
app/images/ad/hydh-2017-m.jpg


+ 18 - 0
app/js/adverts/ad_article_bottom.js

@ -0,0 +1,18 @@
1
var Html = '';
2
	Html += '<a href="http://www.ecorr.org/2017h/">'+
3
				'<img src="../images/ad/hydh-2017-m.jpg" width="100%">'+
4
			'</a>'
5
	
6
document.getElementsByClassName("advertItem")[0].innerHTML = Html;
7
		
8
//处理点击事件,需要打开原生浏览器
9
mui(".advertItem").on("tap","a",function(){
10
	var urlHref= this.getAttribute('href');
11
	if (urlHref) {
12
		if (window.plus) {
13
			plus.runtime.openURL(urlHref);
14
		} else {
15
			location.href = urlHref;
16
		}
17
	}
18
})