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
Split 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,10 +7,22 @@
7 7 
<title>浏览文章-科袖网</title>
8 8 
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png" media="screen" />
9 9 
<link href="css/bootstrap.min.css" rel="stylesheet">
10 
<link href="css/swiper.min.css" rel="stylesheet">
10 11 
<link type="text/css" href="css/common.css" rel="stylesheet">
11 12 
<link type="text/css" href="css/genindex.css" rel="stylesheet">
12 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 26 
</head>
15 27
16 28 
<body>

@ -93,8 +105,8 @@
93 105 
						</div>
94 106 
						<div class="share-bottom"></div>
95 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 110 
					</div>
99 111 
					<div class="ifLogin" id="messagego">
100 112 
					    <!--未登录-->

@ -182,8 +194,8 @@
182 194 
						</div>
183 195 
					</div>
184 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 199 
				</div>
188 200 
			</div>
189 201 
		</div>

@ -195,13 +207,6 @@
195 207 
	<script type="text/javascript" src="js/footer.js"></script>
196 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 210 
<script type="text/javascript">
206 211 
	$(function() {
207 212 
//		$('.upTop').click(function(){$('html,body').animate({scrollTop: '0px'}, 800);}); //置顶

+ 8 - 1
css/common.css
View File 

@ -209,4 +209,11 @@ header .icon{ display:block; width:20px; height:20px; margin-left:15px; margin-r
209 209 
header .icon1{ background:url(../images/index-icon.png) no-repeat; background-position:-80px 0;}
210 210 
header .icon3{ background:url(../images/index-icon.png) no-repeat; background-position:-60px 0;}
211 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,3 +383,9 @@ ul.mui-table-view>li:last-child:after{background: none;}
383 383 
.nodatabox .nodata{width: auto;}
384 384 
.nodatabox .picbox{width:100px;height:100px;}
385 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,7 +10,14 @@
10 10 
<link type="text/css" href="css/common.css" rel="stylesheet">
11 11 
<link type="text/css" href="css/genindex.css" rel="stylesheet">
12 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 21 
</head>
15 22 
<body>
16 23 
<header id="header">

@ -85,7 +92,7 @@
85 92 
					</div>
86 93 
				</div>
87 94 
				<div class="conItem advertBox advertItem">
88 
					<script src="js/adverts/ad_discover.js"></script>
95
89 96 
				</div>
90 97 
				<div class="conItem conBlock displayNone">
91 98 
					<div class="form-item otherBlock">

@ -107,11 +114,6 @@
107 114 
	<script type="text/javascript" src="js/footer.js"></script>
108 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 117 
<script type="text/javascript">
116 118 
$(function () {
117 119 
	//回到顶部

+ 9 - 0
e/a.html
View File 

@ -8,11 +8,16 @@
8 8 
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
9 9 
<link rel="stylesheet" href="../css/reset.css" />
10 10 
<link rel="stylesheet" href="../css/common.css" />
11 
<link rel="stylesheet" href="../css/swiper.min.css" />
11 12 
<link rel="stylesheet" href="../css/share.css" />
12 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 15 
<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
14 16 
<script type="text/javascript" src="../js/public/shareCom.js"></script>
15 17 
<script type="text/javascript" src="../js/public/openApp.js"></script>
18 
<script type="text/javascript">
19 
	addscript("ad_article_h5");
20 
</script>
16 21 
<style>
17 22 
	html,body {background: #FFFFFF;}
18 23 
</style>

@ -76,6 +81,10 @@
76 81 
		<!--点赞模块-->
77 82 
		<div class="thumbBlock">
78 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 88 
		</div>
80 89 
		<!--您可能感兴趣的文章-->
81 90 
		<div class="madiaBlock displayNone" id="article">

+ 18 - 11
fw_template_r3254/article.html
View File 

@ -6,13 +6,26 @@
6 6 
<meta http-equiv="X-UA-Compatible" content="IE=edge">
7 7 
<title>浏览文章-科袖网</title>
8 8 
<link href="/css/bootstrap.min.css" rel="stylesheet">
9 
<link href="/css/swiper.min.css" rel="stylesheet">
9 10 
<link type="text/css" href="/css/common.css" rel="stylesheet">
10 11 
<link type="text/css" href="/css/genindex.css" rel="stylesheet">
11 12 
<script type="text/javascript">
12 13 
	window.staticPageData =${jsonData};
13 14 
</script>
14 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 24 
<!--${data.articleTitle}    ${data.articleId}-->
25 
<script type="text/javascript">
26 
	addscript("ad_article_right");
27 
	addscript("ad_article_bottom");
28 
</script>
16 29 
</head>
17 30
18 31 
<body>

@ -95,9 +108,10 @@
95 108 
						</div>
96 109 
						<div class="share-bottom"></div>
97 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 113 
					</div>
114
101 115 
					<div class="ifLogin" id="messagego">
102 116 
					    <!--未登录-->
103 117 
					    <div class="ifLoginUn displayNone">

@ -184,8 +198,8 @@
184 198 
						</div>
185 199 
					</div>
186 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 203 
				</div>
190 204 
			</div>
191 205 
		</div>

@ -197,13 +211,6 @@
197 211 
	<script type="text/javascript" src="/js/footer2.js"></script>
198 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 214 
<script type="text/javascript">
208 215 
	$(function() {
209 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,7 +247,7 @@
247 247 
		$("body").removeClass("modelOpen");
248 248 
	})
249 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 251 
</body>
252 252 
</html>
253 253

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

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

+ 25 - 0
js/common.js
View File 

@ -1226,3 +1226,28 @@ function wlog(dt, id, src) {
1226 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,6 +195,7 @@ function shareWays(shareTitle,descContent,lineLink,imgUrl){
195 195 
		}
196 196 
	});
197 197 
}
198
198 199 
function wlog(dt, id, src) {
199 200 
	var src = src || "1";
200 201 
	$.ajax({

@ -208,4 +209,29 @@ function wlog(dt, id, src) {
208 209 
		},
209 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,7 +11,14 @@
11 11 
<link type="text/css" href="css/genindex.css" rel="stylesheet">
12 12 
<link type="text/css" href="css/popup.css" rel="stylesheet">
13 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 22 
</head>
16 23
17 24 
<body>

@ -160,7 +167,7 @@
160 167 
			</div>
161 168 
			<div class="rightconBox floatR">
162 169 
				<div class="conItem advertBox advertItem">
163 
					<script src="js/adverts/ad_search.js"></script>
170
164 171 
				</div>
165 172 
			</div>
166 173 
		</div>

@ -173,12 +180,6 @@
173 180 
	<script type="text/javascript" src="js/footer.js"></script>
174 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 183 
<script type="text/javascript">
183 184 
$(function () {
184 185 
	//回到顶部