Home Explore Help
Register Sign In
jiapeng
/
portal-front
Watch 3
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Commits 1121 Releases 0 Wiki
Browse Source

广告位模块的提取，便于维护更新

luyanan 7 years ago
parent
b0f39e09c6
commit
ba09a20057
17 changed files with 129 additions and 67 deletions
Unified View Show Diff Stats
  1. 17 12
      articalShow.html
  2. 8 1
      css/common.css
  3. 6 0
      css/share.css
  4. 9 7
      discover.html
  5. 9 0
      e/a.html
  6. 18 11
      fw_template_r3254/article.html
  7. BIN
      images/ad/hydh-2017-s.jpg
  8. BIN
      images/ad/hydh-2017.jpg
  9. 1 1
      index.html
  10. 0 6
      js/adverts/ad_article_bottom.js
  11. 0 6
      js/adverts/ad_article_right.js
  12. 0 6
      js/adverts/ad_discover.js
  13. 0 6
      js/adverts/ad_search.js
  14. 0 2
      js/articalShow2.js
  15. 25 0
      js/common.js
  16. 27 1
      js/public/shareCom.js
  17. 9 8
      searchNew.html

+ 17 - 12
articalShow.html
View File

7 
<title>浏览文章-科袖网</title>
7 
<title>浏览文章-科袖网</title>
8 
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png" media="screen" />
8 
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png" media="screen" />
9 
<link href="css/bootstrap.min.css" rel="stylesheet">
9 
<link href="css/bootstrap.min.css" rel="stylesheet">
10 
<link href="css/swiper.min.css" rel="stylesheet">
10 
<link type="text/css" href="css/common.css" rel="stylesheet">
11 
<link type="text/css" href="css/common.css" rel="stylesheet">
11 
<link type="text/css" href="css/genindex.css" rel="stylesheet">
12 
<link type="text/css" href="css/genindex.css" rel="stylesheet">
12 
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
13 
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
13
14 
<script type="text/javascript" src="js/public/swiper.min.js"></script>
15 
<script type="text/javascript" src="js/jquery.cookie.js"></script>
16 
<script type="text/javascript" src="js/jquery.similar.msgbox.js"></script>
17 
<script type="text/javascript" src="js/common.js"></script>
18 
<script type="text/javascript" src="js/scrollfix.js"></script>
19 
<script type="text/javascript" src="js/weixinshare/qrcode.min.js"></script>
20 
<script type="text/javascript" src="js/articalShow.js"></script>
21 
<script type="text/javascript" src="js/quickLogin.js"></script>
22 
<script type="text/javascript">
23 
	addscript("ad_article_right");
24 
	addscript("ad_article_bottom");
25 
</script>
14 
</head>
26 
</head>
15
27
16 
<body>
28 
<body>
93 
						</div>
105 
						</div>
94 
						<div class="share-bottom"></div>
106 
						<div class="share-bottom"></div>
95 
					</div>
107 
					</div>
96 
					<div class="form-item commentsArea advertItem">
97 
						<script src="js/adverts/ad_article_bottom.js"></script>
108 
					<div class="form-item commentsArea swiper-container advertItem advertItem_bottom">
109
98 
					</div>
110 
					</div>
99 
					<div class="ifLogin" id="messagego">
111 
					<div class="ifLogin" id="messagego">
100 
					    <!--未登录-->
112 
					    <!--未登录-->
182 
						</div>
194 
						</div>
183 
					</div>
195 
					</div>
184 
				</div>
196 
				</div>
185 
				<div class="conItem advertBox advertItem">
186 
					<script src="js/adverts/ad_article_right.js"></script>
197 
				<div class="conItem advertBox advertItem advertItem_right">
198
187 
				</div>
199 
				</div>
188 
			</div>
200 
			</div>
189 
		</div>
201 
		</div>
195 
	<script type="text/javascript" src="js/footer.js"></script>
207 
	<script type="text/javascript" src="js/footer.js"></script>
196 
</footer>
208 
</footer>
197
209
198 
<script type="text/javascript" src="js/jquery.cookie.js"></script>
199 
<script type="text/javascript" src="js/jquery.similar.msgbox.js"></script>
200 
<script type="text/javascript" src="js/common.js"></script>
201 
<script type="text/javascript" src="js/scrollfix.js"></script>
202 
<script type="text/javascript" src="js/weixinshare/qrcode.min.js"></script>
203 
<script type="text/javascript" src="js/articalShow.js"></script>
204 
<script type="text/javascript" src="js/quickLogin.js"></script>
205 
<script type="text/javascript">
210 
<script type="text/javascript">
206 
	$(function() {
211 
	$(function() {
207 
//		$('.upTop').click(function(){$('html,body').animate({scrollTop: '0px'}, 800);}); //置顶
212 
//		$('.upTop').click(function(){$('html,body').animate({scrollTop: '0px'}, 800);}); //置顶

+ 8 - 1
css/common.css
View File

209 
header .icon1{ background:url(../images/index-icon.png) no-repeat; background-position:-80px 0;}
209 
header .icon1{ background:url(../images/index-icon.png) no-repeat; background-position:-80px 0;}
210 
header .icon3{ background:url(../images/index-icon.png) no-repeat; background-position:-60px 0;}
210 
header .icon3{ background:url(../images/index-icon.png) no-repeat; background-position:-60px 0;}
211 
header .icon2{ background:url(../images/index-icon.png) no-repeat; background-position:-40px 0;}
211 
header .icon2{ background:url(../images/index-icon.png) no-repeat; background-position:-40px 0;}
212 
header .icon4{ background:url(../images/index-icon.png) no-repeat; background-position:-20px 0;}
212 
header .icon4{ background:url(../images/index-icon.png) no-repeat; background-position:-20px 0;}
213
214 
/*广告位的设计规则及尺寸    底部(760*120) 侧栏(260*200)*/
215 
.advertItem .swiper-pagination-bullet{width:6px; height:6px;}
216 
.advertItem.swiper-container-horizontal>.swiper-pagination{bottom:2px;}
217 
.advertsub{position: relative;display: block;}
218 
.advertsub:after{content:"广告";font-size:10px;color:#fff;background:rgba(0,0,0,0.3);position:absolute;padding:0 4px;right:0;bottom:0px;}
219

+ 6 - 0
css/share.css
View File

383 
.nodatabox .nodata{width: auto;}
 383 
.nodatabox .nodata{width: auto;}
384 
.nodatabox .picbox{width:100px;height:100px;}
 384 
.nodatabox .picbox{width:100px;height:100px;}
385 
.nodatabox .noContip{font-size:14px;line-height:20px;}
 385 
.nodatabox .noContip{font-size:14px;line-height:20px;}
386
387 
/*广告位的设计规则及尺寸    底部(760*220)*/
388 
.advertItem .swiper-pagination-bullet{width:6px; height:6px;}
389 
.advertItem.swiper-container-horizontal>.swiper-pagination{bottom:2px;}
390 
.advertsub{position: relative;display: block;}
391 
.advertsub:after{content:"广告";font-size:10px;color:#fff;background:rgba(0,0,0,0.3);position:absolute;padding:0 4px;right:0;bottom:0px;}

+ 9 - 7
discover.html
View File

10 
<link type="text/css" href="css/common.css" rel="stylesheet">
10 
<link type="text/css" href="css/common.css" rel="stylesheet">
11 
<link type="text/css" href="css/genindex.css" rel="stylesheet">
11 
<link type="text/css" href="css/genindex.css" rel="stylesheet">
12 
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
12 
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
13 
<script type="text/javascript" src="js/public/swiper.min.js"></script>
13 
<script type="text/javascript" src="js/jquery.cookie.js"></script>
14 
<script type="text/javascript" src="js/jquery.similar.msgbox.js"></script>
15 
<script type="text/javascript" src="js/jquery.page.js"></script>
16 
<script type="text/javascript" src="js/common.js"></script>
17 
<script type="text/javascript" src="js/discover.js"></script>
18 
<script type="text/javascript">
19 
	addscript("ad_discover");
20 
</script>
14 
</head>
21 
</head>
15 
<body>
22 
<body>
16 
<header id="header">
23 
<header id="header">
85 
					</div>
92 
					</div>
86 
				</div>
93 
				</div>
87 
				<div class="conItem advertBox advertItem">
94 
				<div class="conItem advertBox advertItem">
88 
					<script src="js/adverts/ad_discover.js"></script>
95
89 
				</div>
96 
				</div>
90 
				<div class="conItem conBlock displayNone">
97 
				<div class="conItem conBlock displayNone">
91 
					<div class="form-item otherBlock">
98 
					<div class="form-item otherBlock">
107 
	<script type="text/javascript" src="js/footer.js"></script>
114 
	<script type="text/javascript" src="js/footer.js"></script>
108 
</footer>
115 
</footer>
109
116
110 
<script type="text/javascript" src="js/jquery.cookie.js"></script>
111 
<script type="text/javascript" src="js/jquery.similar.msgbox.js"></script>
112 
<script type="text/javascript" src="js/jquery.page.js"></script>
113 
<script type="text/javascript" src="js/common.js"></script>
114 
<script type="text/javascript" src="js/discover.js"></script>
115 
<script type="text/javascript">
117 
<script type="text/javascript">
116 
$(function () {
118 
$(function () {
117 
	//回到顶部
119 
	//回到顶部

+ 9 - 0
e/a.html
View File

8 
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
8 
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
9 
<link rel="stylesheet" href="../css/reset.css" />
9 
<link rel="stylesheet" href="../css/reset.css" />
10 
<link rel="stylesheet" href="../css/common.css" />
10 
<link rel="stylesheet" href="../css/common.css" />
11 
<link rel="stylesheet" href="../css/swiper.min.css" />
11 
<link rel="stylesheet" href="../css/share.css" />
12 
<link rel="stylesheet" href="../css/share.css" />
12 
<script type="text/javascript" src="../js/jquery-1.11.1.js"></script>
13 
<script type="text/javascript" src="../js/jquery-1.11.1.js"></script>
14 
<script type="text/javascript" src="../js/public/swiper.min.js"></script>
13 
<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
15 
<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
14 
<script type="text/javascript" src="../js/public/shareCom.js"></script>
16 
<script type="text/javascript" src="../js/public/shareCom.js"></script>
15 
<script type="text/javascript" src="../js/public/openApp.js"></script>
17 
<script type="text/javascript" src="../js/public/openApp.js"></script>
18 
<script type="text/javascript">
19 
	addscript("ad_article_h5");
20 
</script>
16 
<style>
21 
<style>
17 
	html,body {background: #FFFFFF;}
22 
	html,body {background: #FFFFFF;}
18 
</style>
23 
</style>
76 
		<!--点赞模块-->
81 
		<!--点赞模块-->
77 
		<div class="thumbBlock">
82 
		<div class="thumbBlock">
78 
			<span class="thumbBtn">赞 <span id="snum"></span></span><!-- thumbedBtn 已赞 201-->
83 
			<span class="thumbBtn">赞 <span id="snum"></span></span><!-- thumbedBtn 已赞 201-->
84 
		</div>
85 
		<!--广告模块-->
86 
		<div class="madiaBlock swiper-container advertItem" style="margin:30px 0 10px">
87
79 
		</div>
88 
		</div>
80 
		<!--您可能感兴趣的文章-->
89 
		<!--您可能感兴趣的文章-->
81 
		<div class="madiaBlock displayNone" id="article">
90 
		<div class="madiaBlock displayNone" id="article">

+ 18 - 11
fw_template_r3254/article.html
View File

6 
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6 
<meta http-equiv="X-UA-Compatible" content="IE=edge">
7 
<title>浏览文章-科袖网</title>
7 
<title>浏览文章-科袖网</title>
8 
<link href="/css/bootstrap.min.css" rel="stylesheet">
8 
<link href="/css/bootstrap.min.css" rel="stylesheet">
9 
<link href="/css/swiper.min.css" rel="stylesheet">
9 
<link type="text/css" href="/css/common.css" rel="stylesheet">
10 
<link type="text/css" href="/css/common.css" rel="stylesheet">
10 
<link type="text/css" href="/css/genindex.css" rel="stylesheet">
11 
<link type="text/css" href="/css/genindex.css" rel="stylesheet">
11 
<script type="text/javascript">
12 
<script type="text/javascript">
12 
	window.staticPageData =${jsonData};
13 
	window.staticPageData =${jsonData};
13 
</script>
14 
</script>
14 
<script type="text/javascript" src="/js/jquery-1.11.1.js"></script>
15 
<script type="text/javascript" src="/js/jquery-1.11.1.js"></script>
16 
<script type="text/javascript" src="/js/public/swiper.min.js"></script>
17 
<script type="text/javascript" src="/js/jquery.cookie.js"></script>
18 
<script type="text/javascript" src="/js/jquery.similar.msgbox.js"></script>
19 
<script type="text/javascript" src="/js/common.js"></script>
20 
<script type="text/javascript" src="/js/scrollfix.js"></script>
21 
<script type="text/javascript" src="/js/weixinshare/qrcode.min.js"></script>
22 
<script type="text/javascript" src="/js/articalShow2.js"></script>
23 
<script type="text/javascript" src="/js/quickLogin.js"></script>
15 
<!--${data.articleTitle}    ${data.articleId}-->
24 
<!--${data.articleTitle}    ${data.articleId}-->
25 
<script type="text/javascript">
26 
	addscript("ad_article_right");
27 
	addscript("ad_article_bottom");
28 
</script>
16 
</head>
29 
</head>
17
30
18 
<body>
31 
<body>
95 
						</div>
108 
						</div>
96 
						<div class="share-bottom"></div>
109 
						<div class="share-bottom"></div>
97 
					</div>
110 
					</div>
98 
					<div class="form-item commentsArea advertItem" id="advertisement">
99 
						<script src="/js/adverts/ad_article_bottom.js"></script>
111 
					<div class="form-item commentsArea swiper-container advertItem advertItem_bottom">
112
100 
					</div>
113 
					</div>
114
101 
					<div class="ifLogin" id="messagego">
115 
					<div class="ifLogin" id="messagego">
102 
					    <!--未登录-->
116 
					    <!--未登录-->
103 
					    <div class="ifLoginUn displayNone">
117 
					    <div class="ifLoginUn displayNone">
184 
						</div>
198 
						</div>
185 
					</div>
199 
					</div>
186 
				</div>
200 
				</div>
187 
				<div class="conItem advertBox advertItem" id="advanceRight">
188 
					<script src="/js/adverts/ad_article_right.js"></script>
201 
				<div class="conItem advertBox advertItem advertItem_right">
202
189 
				</div>
203 
				</div>
190 
			</div>
204 
			</div>
191 
		</div>
205 
		</div>
197 
	<script type="text/javascript" src="/js/footer2.js"></script>
211 
	<script type="text/javascript" src="/js/footer2.js"></script>
198 
</footer>
212 
</footer>
199
213
200 
<script type="text/javascript" src="/js/jquery.cookie.js"></script>
201 
<script type="text/javascript" src="/js/jquery.similar.msgbox.js"></script>
202 
<script type="text/javascript" src="/js/common.js"></script>
203 
<script type="text/javascript" src="/js/scrollfix.js"></script>
204 
<script type="text/javascript" src="/js/weixinshare/qrcode.min.js"></script>
205 
<script type="text/javascript" src="/js/articalShow2.js"></script>
206 
<script type="text/javascript" src="/js/quickLogin.js"></script>
207 
<script type="text/javascript">
214 
<script type="text/javascript">
208 
	$(function() {
215 
	$(function() {
209 
//		$('.upTop').click(function(){$('html,body').animate({scrollTop: '0px'}, 800);}); //置顶
216 
//		$('.upTop').click(function(){$('html,body').animate({scrollTop: '0px'}, 800);}); //置顶

BIN
images/ad/hydh-2017-s.jpg
View File


BIN
images/ad/hydh-2017.jpg
View File


+ 1 - 1
index.html
View File

247 
		$("body").removeClass("modelOpen");
247 
		$("body").removeClass("modelOpen");
248 
	})
 248 
	})
249 
</script>
249 
</script>
250 
<script src="http://s4.cnzz.com/z_stat.php?id=1261924710&web_id=1261924710" language="JavaScript"></script>
250 
<script src="https://s4.cnzz.com/z_stat.php?id=1261924710&web_id=1261924710" language="JavaScript"></script>
251 
</body>
251 
</body>
252 
</html>
252 
</html>
253
253

+ 0 - 6
js/adverts/ad_article_bottom.js
View File

1 
var Html = '';
2 
	Html += '<a href="http://www.ecorr.org/2017h/" target="_blank">'+
3 
				'<img src="images/ad/hydh-2017.jpg" width="100%">'+
4 
			'</a>'
5
6 
document.write(Html);

+ 0 - 6
js/adverts/ad_article_right.js
View File

1 
var Html = '';
2 
	Html += '<a href="http://www.ecorr.org/2017h/" target="_blank">'+
3 
				'<img src="images/ad/hydh-2017-s.jpg" width="100%">'+
4 
			'</a>'
5
6 
document.write(Html);

+ 0 - 6
js/adverts/ad_discover.js
View File

1 
var Html = '';
2 
	Html += '<a href="http://www.ecorr.org/2017h/" target="_blank">'+
3 
				'<img src="images/ad/hydh-2017-s.jpg" width="100%">'+
4 
			'</a>'
5
6 
document.write(Html);

+ 0 - 6
js/adverts/ad_search.js
View File

1 
var Html = '';
2 
	Html += '<a href="http://www.ecorr.org/2017h/" target="_blank">'+
3 
				'<img src="images/ad/hydh-2017-s.jpg" width="100%">'+
4 
			'</a>'
5
6 
document.write(Html);

+ 0 - 2
js/articalShow2.js
View File

314 
			"dataType" : "json",
314 
			"dataType" : "json",
315 
			"data" :{"articleId":articleId},
315 
			"data" :{"articleId":articleId},
316 
			"success": function(data) {
316 
			"success": function(data) {
317 
				$("#advertisement img").attr("src","/"+$("#advertisement img").attr("src"));
318 
				$("#advanceRight img").attr("src","/"+$("#advanceRight img").attr("src"));
319 
				if(data.success && data.data) {
317 
				if(data.success && data.data) {
320 
					for(var i = 0; i < data.data.length; i++) {
318 
					for(var i = 0; i < data.data.length; i++) {
321 
						var resourceId = data.data[i].resourceId;
319 
						var resourceId = data.data[i].resourceId;

+ 25 - 0
js/common.js
View File

1226 
		dataType: "jsonp"
1226 
		dataType: "jsonp"
1227 
	});
1227 
	});
1228 
}
1228 
}
1229
1230 
//广告相关操作
1231 
function addscript(that){
1232 
	var script=document.createElement("script");
1233 
	script.setAttribute("type", "text/javascript");
1234 
	var srclink= "http://www.ekexiu.com/data/inc/ad/"+ that +".js?r=" + new Date().getTime();
1235 
	script.setAttribute("src", srclink);
1236 
	var heads = document.getElementsByTagName("head");
1237 
	if(heads.length){
1238 
	    heads[0].appendChild(script);
1239 
	}else{
1240 
		document.documentElement.appendChild(script);
1241 
	}
1242 
}
1243 
$.ready(function(){
1244 
	//处理点击事件，需要打开原生浏览器
1245 
	$("body").on("click","a.advertsub",function(){
1246 
		var adId = this.getAttribute('data-id');
1247 
		var urlHref = this.getAttribute('href');
1248 
		if (urlHref) {
1249 
			window.open(urlHref);
1250 
		}
1251 
		wlog("ad", adId ,"1");
1252 
	})
1253 
})

+ 27 - 1
js/public/shareCom.js
View File

195 
		}
195 
		}
196 
	});
196 
	});
197 
}
197 
}
198
198 
function wlog(dt, id, src) {
199 
function wlog(dt, id, src) {
199 
	var src = src || "1";
200 
	var src = src || "1";
200 
	$.ajax({
201 
	$.ajax({
208 
		},
209 
		},
209 
		dataType: "jsonp"
210 
		dataType: "jsonp"
210 
	});
211 
	});
211 
}
212 
}
213
214 
//广告相关操作
215 
function addscript(that){
216 
	var script=document.createElement("script");
217 
	script.setAttribute("type", "text/javascript");
218 
	var srclink= "http://www.ekexiu.com/data/inc/ad/"+ that +".js?r=" + new Date().getTime();
219 
	script.setAttribute("src", srclink);
220 
	var heads = document.getElementsByTagName("head");
221 
	if(heads.length){
222 
	    heads[0].appendChild(script);
223 
	}else{
224 
		document.documentElement.appendChild(script);
225 
	}
226 
}
227 
$.ready(function(){
228 
	//处理点击事件，需要打开原生浏览器
229 
	$("body").on("click","a.advertsub",function(){
230 
		var adId = this.getAttribute('data-id');
231 
		var urlHref = this.getAttribute('href');
232 
		if (urlHref) {
233 
			window.open(urlHref);
234 
		}
235 
		wlog("ad", adId ,"3");
236 
	})
237 
})

+ 9 - 8
searchNew.html
View File

11 
<link type="text/css" href="css/genindex.css" rel="stylesheet">
11 
<link type="text/css" href="css/genindex.css" rel="stylesheet">
12 
<link type="text/css" href="css/popup.css" rel="stylesheet">
12 
<link type="text/css" href="css/popup.css" rel="stylesheet">
13 
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
13 
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
14
14 
<script type="text/javascript" src="js/jquery.cookie.js"></script>
15 
<script type="text/javascript" src="js/jquery.similar.msgbox.js"></script>
16 
<script type="text/javascript" src="js/jquery.page.js"></script>
17 
<script type="text/javascript" src="js/common.js"></script>
18 
<script type="text/javascript" src="js/searchNew.js"></script>
19 
<script type="text/javascript">
20 
	addscript("ad_search");
21 
</script>
15 
</head>
22 
</head>
16
23
17 
<body>
24 
<body>
160 
			</div>
167 
			</div>
161 
			<div class="rightconBox floatR">
168 
			<div class="rightconBox floatR">
162 
				<div class="conItem advertBox advertItem">
169 
				<div class="conItem advertBox advertItem">
163 
					<script src="js/adverts/ad_search.js"></script>
170
164 
				</div>
171 
				</div>
165 
			</div>
172 
			</div>
166 
		</div>
173 
		</div>
173 
	<script type="text/javascript" src="js/footer.js"></script>
180 
	<script type="text/javascript" src="js/footer.js"></script>
174 
</footer>
181 
</footer>
175
182
176 
<script type="text/javascript" src="js/jquery.cookie.js"></script>
177 
<script type="text/javascript" src="js/jquery.similar.msgbox.js"></script>
178 
<script type="text/javascript" src="js/jquery.page.js"></script>
179 
<script type="text/javascript" src="js/common.js"></script>
180 
<!--<script type="text/javascript" src="js/popup.js"></script>-->
181 
<script type="text/javascript" src="js/searchNew.js"></script>
182 
<script type="text/javascript">
 183 
<script type="text/javascript">
183 
$(function () {
184 
$(function () {
184 
	//回到顶部
185 
	//回到顶部