简易应用市场 2.0.5

资源名称:简易应用市场 2.0.5.txt 简易应用市场 2.0.5
下载次数:4  文件大小:55 Bytes  售价:4 创意币 记录
购买VIP 充值创意币 运营教程 免费赚创意币 

安全检测,请放心下载

2019-6-12 01:19 上传

点击文件名下载附件
简易应用市场 2.0.5

可做手机应用下载栏目

最多可自定义8个填项，自定义6个专题。

会员发布的评论、应用可审核

数据可调用到论坛首页（1.81版）

数据可调用到任何可DIY页面，如：门户（本功能，需安装扩展组件，）

每个下载连接可独立设置名称，可无限添加下载个数

支持付费下载

消费积分可设置系统回收或给发布人（2.0版或更高）

一键安装支持91助手、豌豆荚和腾讯手机助手（2.0版改为应用宝）

支持手机版浏览

更多自己体验。。。

注：安装助手由助手开发商提供，助手出现的各种安装异常（如对某些浏览器支持不佳），不属于插件问题。一键安装功能，无需要可关闭（关闭可提高页面打开速度）。

简易应用市场DIY说明

本扩展只限简易应用2.0版本以上用户使用。

安装扩展之后，还需要进行以下操作：

登录DZ后台----》工具----》DIY 模块分类缓存（打勾）---》确定 （等待提示全部缓存更新完毕,否则DIY无法使用）

进入门户---》模块模板---》添加---》模块分类选择（简易应用模块）提交，然后输入以下代码：

模板名称：简易应用列表(随便取名)


内容填写：（注：模板可以自己设计，这里提供一个样例，请根据自己的需求，自己修改样式）

1. ===================代码分割线=======================
   
2. <style type="text/css">
   
3. .recommend h2{color:#55adff; font-size:14px; font-weight:bold; text-indent:8px;}
   
4. 
   
5. .recommend .leftIcon{width:27px; height:28px; position:absolute; left:5px; top:38px; background:url(source/plugin/mini_app/images/icon.png) 0 -28px no-repeat; z-index:3;}
   
6. 
   
7. .recommend .rightIcon{width:27px; height:27px; position:absolute; right:5px; top:38px; background:url(source/plugin/mini_app/images/icon.png) 0 0 no-repeat; z-index:3;}
   
8. 
   
9. 
   
10. .scrollimg {position:relative;height:115px;overflow:hidden;}
    
11. 
    
12. .scrollimg-con {left:40px;position:absolute;width:880px;margin:0 auto;overflow:hidden;}
    
13. 
    
14. .scrollimg-list {height:95px; margin-top:15px;zoom:1; padding:0 0px; }
    
15. 
    
16. .scrollimg-list li {width:88px; float:left; display:inline; margin:auto; padding:0 0px; line-height:24px; overflow:hidden; text-align:center;}
    
17. 
    
18. .scrollimg-list li a {color:#535353;margin:auto;text-align:center;}
    
19. 
    
20. .scrollimg-list li a.pic {width:64px; height:65px; background:url(source/plugin/mini_app/images/imgbg.png) 0 0 no-repeat; display:block; overflow:hidden;}
    
21. 
    
22. .scrollimg-list li a.pic:hover {background:url(source/plugin/mini_app/images/hoverbg.png) 0 0 no-repeat;}
    
23. 
    
24. .scrollimg-list li a.pic img {margin:6px auto; left:0; top:0; display:block; overflow:hidden; width:52px; height:52px;}
    
25. 
    
26. _width:22px; _height:23px; _float:left; _margin-top:40px;_margin-right:-5px; _background:0 0 no-repeat;}
    
27. 
    
28. </style>
    
29. 
    
30. <script type="text/javascript">
    
31. var Class = {
    
32. create:function(){
    
33. return function(){
    
34. this.initialize.apply(this,arguments);
    
35. };
    
36. }
    
37. }
    
38. var HScrollMover = Class.create();
    
39. 
    
40. HScrollMover.getInstance = function(id){
    
41. if(this._instanceMap == null){
    
42. this._instanceMap = new Object();
    
43. 
    
44. }
    
45. for(var p in this._instanceMap){
    
46. if(id == p){
    
47. return this._instanceMap[p];
    
48. }
    
49. }
    
50. this._instanceMap[id] = new HScrollMover(id);
    
51. return this._instanceMap[id];
    
52. }
    
53. 
    
54. 
    
55. 
    
56. HScrollMover.prototype = {
    
57. initialize:function(id){
    
58. this.id = id;
    
59. this.moveOneTimer = 0;
    
60. this.movingTimer = 0;
    
61. this.moverNum = 8;
    
62. },
    
63. moveOne:function(direction,speed){
    
64. var id = this.id;
    
65. if(HScrollMover.getInstance(id).moveOneTimer != 0){
    
66. return;
    
67. }
    
68. if(!speed){
    
69. speed = 1;
    
70. }
    
71. var moveTimes = document.getElementById(id).offsetWidth/(speed*this.moverNum);
    
72. var tempMoveTimes = moveTimes;
    
73. var tempMoverNum = this.moverNum;
    
74. HScrollMover.getInstance(id).moveOneTimer = setInterval(function(){
    
75. moveTimes--;
    
76. var container = document.getElementById(id);
    
77. if(direction == "left"){
    
78. if(container.scrollLeft == container.scrollWidth - container.offsetWidth){
    
79. if (moveTimes == tempMoveTimes - 1) {
    
80. container.scrollLeft = 0;
    
81. }
    
82. moveTimes = 0;
    
83. } else {
    
84. container.scrollLeft += speed;
    
85. }
    
86. }else{
    
87. if(container.scrollLeft == 0){
    
88. container.scrollLeft = container.scrollWidth - speed*moveTimes;
    
89. moveTimes = 0;
    
90. } else if(container.scrollLeft < speed*moveTimes){
    
91. container.scrollLeft = 0;
    
92. moveTimes = 0;
    
93. } else {
    
94. container.scrollLeft -= speed;
    
95. }
    
96. }
    
97. 
    
98. if(moveTimes <= 0){
    
99. if(HScrollMover.getInstance(id).moveOneTimer != 0){
    
100. clearInterval(HScrollMover.getInstance(id).moveOneTimer);
     
101. HScrollMover.getInstance(id).moveOneTimer = 0;
     
102. }
     
103. }
     
104. },62);
     
105. }
     
106. }
     
107. 
     
108. 
     
109. 
     
110. 
     
111. var intervalId = 0;
     
112. 
     
113. function clickRightScloll(){
     
114. 
     
115. if (document.all) {
     
116. 
     
117. document.getElementById('rightScrollBtn').click();
     
118. 
     
119. } else {
     
120. 
     
121. var evt = document.createEvent('HTMLEvents');
     
122. 
     
123. evt.initEvent('click',true,true);
     
124. 
     
125. element = document.getElementById('rightScrollBtn');
     
126. 
     
127. element.dispatchEvent(evt);
     
128. 
     
129. }
     
130. 
     
131. }
     
132. 
     
133. function autoScroll() {
     
134. 
     
135. if (document.getElementById("rightScrollBtn").className == 'rightIcon') {
     
136. 
     
137. intervalId = setInterval("clickRightScloll()",3*1000);
     
138. 
     
139. document.getElementById("scrollContainer").onmouseover = function(){
     
140. 
     
141. if(intervalId != 0){
     
142. 
     
143. clearInterval(intervalId);
     
144. 
     
145. intervalId = 0;
     
146. 
     
147. }
     
148. 
     
149. }
     
150. 
     
151. 
     
152. 
     
153. document.getElementById("scrollContainer").onmouseout = function(){
     
154. 
     
155. if(intervalId != 0){
     
156. 
     
157. clearInterval(intervalId);
     
158. 
     
159. }
     
160. 
     
161. intervalId = setInterval("clickRightScloll()",3*1000);
     
162. 
     
163. }
     
164. 
     
165. 
     
166. 
     
167. }
     
168. 
     
169. }
     
170. 
     
171. 
     
172. 
     
173. 
     
174. 
     
175. </script>
     
176. 
     
177. 
     
178. 
     
179. 
     
180. <div class="recommend">
     
181. 
     
182. <div id="scrollContainer" class="scrollimg">
     
183. 
     
184. <div id="hContainer" class="scrollimg-con">
     
185. 
     
186. <div id="hContainerMask">
     
187. 
     
188. <ul id="scrollList" class="scrollimg-list">
     
189. 
     
190. [loop]
     
191. <li><span><a href="plugin.php?id=mini_app:index&mod=view&sid={id}" {target} class="pic" ><img class="png" src="{pic}" alt="{title}" /></a><p><a href="plugin.php?id=mini_app:index&mod=view&sid={id}" {target}>{title}</a></p></span></li>
     
192. [/loop]
     
193. 
     
194. <script type="text/javascript">
     
195. 
     
196. document.getElementById("hContainerMask").style.width = (20*44*2)+"px";
     
197. 
     
198. </script>
     
199. 
     
200. </ul>
     
201. 
     
202. </div>
     
203. 
     
204. </div>
     
205. 
     
206. <a href="#" class="leftIcon" id="leftScrollBtn" ></a>
     
207. 
     
208. <a href="#" class="rightIcon" id="rightScrollBtn" ></a>
     
209. 
     
210. </div>
     
211. 
     
212. </div>
     
213. 
     
214. <script language="javascript">
     
215. 
     
216. document.getElementById("leftScrollBtn").onclick = function(){
     
217. 
     
218. HScrollMover.getInstance('hContainer').moveOne('right',44);
     
219. 
     
220. return false;
     
221. 
     
222. };
     
223. 
     
224. document.getElementById("rightScrollBtn").onclick = function(){
     
225. 
     
226. HScrollMover.getInstance('hContainer').moveOne('left',44);
     
227. 
     
228. return false;
     
229. 
     
230. };
     
231. 
     
232. </script>
     
233. 
     
234. ===================分割线=======================

复制代码

进入前台DIY页面， 选择DIY高级模式---》模块，选择 简易应用市场

把“简易应用市场”模块拉到页面中。（如无框架，请先拉框架）

设置好之后，点击“确定”即可。

小技巧：
目前下载调用模块没有伪静态处理，如有需要，可以把模块中的plugin.php?id=mini_app:index&mod=view&sid={id}修改为app_{id}.html即可。
（前提：插件的静态页面可正常访问）
宽屏模板用户，可以适当width:880px; 这个数值