2、切屏专题.html 43 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>2、切屏专题</title>
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
  6. <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
  7. <meta name="apple-mobile-web-app-capable" content="yes"/>
  8. <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
  9. <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
  10. <link href="data/styles.css" type="text/css" rel="stylesheet"/>
  11. <link href="files/2、切屏专题/styles.css" type="text/css" rel="stylesheet"/>
  12. <script src="resources/scripts/jquery-1.7.1.min.js"></script>
  13. <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
  14. <script src="resources/scripts/axure/axQuery.js"></script>
  15. <script src="resources/scripts/axure/globals.js"></script>
  16. <script src="resources/scripts/axutils.js"></script>
  17. <script src="resources/scripts/axure/annotation.js"></script>
  18. <script src="resources/scripts/axure/axQuery.std.js"></script>
  19. <script src="resources/scripts/axure/doc.js"></script>
  20. <script src="data/document.js"></script>
  21. <script src="resources/scripts/messagecenter.js"></script>
  22. <script src="resources/scripts/axure/events.js"></script>
  23. <script src="resources/scripts/axure/recording.js"></script>
  24. <script src="resources/scripts/axure/action.js"></script>
  25. <script src="resources/scripts/axure/expr.js"></script>
  26. <script src="resources/scripts/axure/geometry.js"></script>
  27. <script src="resources/scripts/axure/flyout.js"></script>
  28. <script src="resources/scripts/axure/ie.js"></script>
  29. <script src="resources/scripts/axure/model.js"></script>
  30. <script src="resources/scripts/axure/repeater.js"></script>
  31. <script src="resources/scripts/axure/sto.js"></script>
  32. <script src="resources/scripts/axure/utils.temp.js"></script>
  33. <script src="resources/scripts/axure/variables.js"></script>
  34. <script src="resources/scripts/axure/drag.js"></script>
  35. <script src="resources/scripts/axure/move.js"></script>
  36. <script src="resources/scripts/axure/visibility.js"></script>
  37. <script src="resources/scripts/axure/style.js"></script>
  38. <script src="resources/scripts/axure/adaptive.js"></script>
  39. <script src="resources/scripts/axure/tree.js"></script>
  40. <script src="resources/scripts/axure/init.temp.js"></script>
  41. <script src="files/2、切屏专题/data.js"></script>
  42. <script src="resources/scripts/axure/legacy.js"></script>
  43. <script src="resources/scripts/axure/viewer.js"></script>
  44. <script src="resources/scripts/axure/math.js"></script>
  45. <script type="text/javascript">
  46. $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
  47. $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
  48. $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
  49. </script>
  50. </head>
  51. <body>
  52. <div id="base" class="">
  53. <!-- Unnamed (组合) -->
  54. <div id="u253" class="ax_default">
  55. <!-- Unnamed (矩形) -->
  56. <div id="u254" class="ax_default box_11">
  57. <div id="u254_div" class=""></div>
  58. <!-- Unnamed () -->
  59. <div id="u255" class="text" style="display: none; visibility: hidden">
  60. <p><span></span></p>
  61. </div>
  62. </div>
  63. <!-- Unnamed (组合) -->
  64. <div id="u256" class="ax_default">
  65. <!-- Unnamed (矩形) -->
  66. <div id="u257" class="ax_default box_2">
  67. <div id="u257_div" class=""></div>
  68. <!-- Unnamed () -->
  69. <div id="u258" class="text" style="display: none; visibility: hidden">
  70. <p><span></span></p>
  71. </div>
  72. </div>
  73. <!-- Unnamed (图片) -->
  74. <div id="u259" class="ax_default _图片">
  75. <img id="u259_img" class="img " src="images/1、app、h5专题页调整/u16.png"/>
  76. <!-- Unnamed () -->
  77. <div id="u260" class="text" style="display: none; visibility: hidden">
  78. <p><span></span></p>
  79. </div>
  80. </div>
  81. </div>
  82. </div>
  83. <!-- Unnamed (组合) -->
  84. <div id="u261" class="ax_default">
  85. <!-- Unnamed (矩形) -->
  86. <div id="u262" class="ax_default box_2">
  87. <div id="u262_div" class=""></div>
  88. <!-- Unnamed () -->
  89. <div id="u263" class="text" style="visibility: visible;">
  90. <p><span>&nbsp;&nbsp; &nbsp;&nbsp; 专题名称</span></p>
  91. </div>
  92. </div>
  93. <!-- Unnamed (形状) -->
  94. <div id="u264" class="ax_default icon">
  95. <img id="u264_img" class="img " src="images/2、切屏专题/u264.png"/>
  96. <!-- Unnamed () -->
  97. <div id="u265" class="text" style="display: none; visibility: hidden">
  98. <p><span></span></p>
  99. </div>
  100. </div>
  101. </div>
  102. <!-- Unnamed (组合) -->
  103. <div id="u266" class="ax_default">
  104. <!-- Unnamed (矩形) -->
  105. <div id="u267" class="ax_default box_11">
  106. <div id="u267_div" class=""></div>
  107. <!-- Unnamed () -->
  108. <div id="u268" class="text" style="display: none; visibility: hidden">
  109. <p><span></span></p>
  110. </div>
  111. </div>
  112. <!-- Unnamed (组合) -->
  113. <div id="u269" class="ax_default">
  114. <!-- Unnamed (矩形) -->
  115. <div id="u270" class="ax_default box_2">
  116. <div id="u270_div" class=""></div>
  117. <!-- Unnamed () -->
  118. <div id="u271" class="text" style="display: none; visibility: hidden">
  119. <p><span></span></p>
  120. </div>
  121. </div>
  122. <!-- Unnamed (图片) -->
  123. <div id="u272" class="ax_default _图片">
  124. <img id="u272_img" class="img " src="images/1、app、h5专题页调整/u16.png"/>
  125. <!-- Unnamed () -->
  126. <div id="u273" class="text" style="display: none; visibility: hidden">
  127. <p><span></span></p>
  128. </div>
  129. </div>
  130. </div>
  131. </div>
  132. <!-- Unnamed (组合) -->
  133. <div id="u274" class="ax_default">
  134. <!-- Unnamed (矩形) -->
  135. <div id="u275" class="ax_default box_2">
  136. <div id="u275_div" class=""></div>
  137. <!-- Unnamed () -->
  138. <div id="u276" class="text" style="visibility: visible;">
  139. <p><span>&nbsp;&nbsp; &nbsp;&nbsp; 专题名称</span></p>
  140. </div>
  141. </div>
  142. <!-- Unnamed (形状) -->
  143. <div id="u277" class="ax_default icon">
  144. <img id="u277_img" class="img " src="images/2、切屏专题/u264.png"/>
  145. <!-- Unnamed () -->
  146. <div id="u278" class="text" style="display: none; visibility: hidden">
  147. <p><span></span></p>
  148. </div>
  149. </div>
  150. </div>
  151. <!-- Unnamed (矩形) -->
  152. <div id="u279" class="ax_default _形状">
  153. <div id="u279_div" class=""></div>
  154. <!-- Unnamed () -->
  155. <div id="u280" class="text" style="display: none; visibility: hidden">
  156. <p><span></span></p>
  157. </div>
  158. </div>
  159. <!-- Unnamed (图片) -->
  160. <div id="u281" class="ax_default _图片_">
  161. <img id="u281_img" class="img " src="images/2、切屏专题/u281.png"/>
  162. <!-- Unnamed () -->
  163. <div id="u282" class="text" style="display: none; visibility: hidden">
  164. <p><span></span></p>
  165. </div>
  166. </div>
  167. <!-- Unnamed (矩形) -->
  168. <div id="u283" class="ax_default _形状">
  169. <div id="u283_div" class=""></div>
  170. <!-- Unnamed () -->
  171. <div id="u284" class="text" style="display: none; visibility: hidden">
  172. <p><span></span></p>
  173. </div>
  174. </div>
  175. <!-- Unnamed (矩形) -->
  176. <div id="u285" class="ax_default _文本">
  177. <div id="u285_div" class=""></div>
  178. <!-- Unnamed () -->
  179. <div id="u286" class="text" style="visibility: visible;">
  180. <p><span>向左切屏</span></p>
  181. </div>
  182. </div>
  183. <!-- Unnamed (图片) -->
  184. <div id="u287" class="ax_default _图片_">
  185. <img id="u287_img" class="img " src="images/2、切屏专题/u281.png"/>
  186. <!-- Unnamed () -->
  187. <div id="u288" class="text" style="display: none; visibility: hidden">
  188. <p><span></span></p>
  189. </div>
  190. </div>
  191. <!-- Unnamed (组合) -->
  192. <div id="u289" class="ax_default">
  193. <!-- Unnamed (椭圆形) -->
  194. <div id="u290" class="ax_default _形状">
  195. <img id="u290_img" class="img " src="images/2、切屏专题/u290.png"/>
  196. <!-- Unnamed () -->
  197. <div id="u291" class="text" style="display: none; visibility: hidden">
  198. <p><span></span></p>
  199. </div>
  200. </div>
  201. <!-- Unnamed (图片) -->
  202. <div id="u292" class="ax_default _图片_">
  203. <img id="u292_img" class="img " src="images/2、切屏专题/u292.png"/>
  204. <!-- Unnamed () -->
  205. <div id="u293" class="text" style="display: none; visibility: hidden">
  206. <p><span></span></p>
  207. </div>
  208. </div>
  209. </div>
  210. <!-- Unnamed (矩形) -->
  211. <div id="u294" class="ax_default _文本">
  212. <div id="u294_div" class=""></div>
  213. <!-- Unnamed () -->
  214. <div id="u295" class="text" style="visibility: visible;">
  215. <p><span>向上切屏</span></p>
  216. </div>
  217. </div>
  218. <!-- Unnamed (组合) -->
  219. <div id="u296" class="ax_default">
  220. <!-- Unnamed (椭圆形) -->
  221. <div id="u297" class="ax_default _形状">
  222. <img id="u297_img" class="img " src="images/2、切屏专题/u290.png"/>
  223. <!-- Unnamed () -->
  224. <div id="u298" class="text" style="display: none; visibility: hidden">
  225. <p><span></span></p>
  226. </div>
  227. </div>
  228. <!-- Unnamed (图片) -->
  229. <div id="u299" class="ax_default _图片_">
  230. <img id="u299_img" class="img " src="images/2、切屏专题/u292.png"/>
  231. <!-- Unnamed () -->
  232. <div id="u300" class="text" style="display: none; visibility: hidden">
  233. <p><span></span></p>
  234. </div>
  235. </div>
  236. </div>
  237. <!-- Unnamed (组合) -->
  238. <div id="u301" class="ax_default">
  239. <!-- Unnamed (矩形) -->
  240. <div id="u302" class="ax_default box_11">
  241. <div id="u302_div" class=""></div>
  242. <!-- Unnamed () -->
  243. <div id="u303" class="text" style="display: none; visibility: hidden">
  244. <p><span></span></p>
  245. </div>
  246. </div>
  247. <!-- Unnamed (组合) -->
  248. <div id="u304" class="ax_default">
  249. <!-- Unnamed (矩形) -->
  250. <div id="u305" class="ax_default box_2">
  251. <div id="u305_div" class=""></div>
  252. <!-- Unnamed () -->
  253. <div id="u306" class="text" style="display: none; visibility: hidden">
  254. <p><span></span></p>
  255. </div>
  256. </div>
  257. <!-- Unnamed (图片) -->
  258. <div id="u307" class="ax_default _图片">
  259. <img id="u307_img" class="img " src="images/1、app、h5专题页调整/u16.png"/>
  260. <!-- Unnamed () -->
  261. <div id="u308" class="text" style="display: none; visibility: hidden">
  262. <p><span></span></p>
  263. </div>
  264. </div>
  265. </div>
  266. </div>
  267. <!-- Unnamed (组合) -->
  268. <div id="u309" class="ax_default">
  269. <!-- Unnamed (矩形) -->
  270. <div id="u310" class="ax_default box_2">
  271. <div id="u310_div" class=""></div>
  272. <!-- Unnamed () -->
  273. <div id="u311" class="text" style="visibility: visible;">
  274. <p><span>&nbsp;&nbsp; &nbsp;&nbsp; 专题名称</span></p>
  275. </div>
  276. </div>
  277. <!-- Unnamed (形状) -->
  278. <div id="u312" class="ax_default icon">
  279. <img id="u312_img" class="img " src="images/2、切屏专题/u264.png"/>
  280. <!-- Unnamed () -->
  281. <div id="u313" class="text" style="display: none; visibility: hidden">
  282. <p><span></span></p>
  283. </div>
  284. </div>
  285. </div>
  286. <!-- Unnamed (矩形) -->
  287. <div id="u314" class="ax_default _形状">
  288. <div id="u314_div" class=""></div>
  289. <!-- Unnamed () -->
  290. <div id="u315" class="text" style="visibility: visible;">
  291. <p><span><br></span></p><p><span>图层四</span></p>
  292. </div>
  293. </div>
  294. <!-- Unnamed (矩形) -->
  295. <div id="u316" class="ax_default _形状">
  296. <div id="u316_div" class=""></div>
  297. <!-- Unnamed () -->
  298. <div id="u317" class="text" style="visibility: visible;">
  299. <p><span>图层一</span></p>
  300. </div>
  301. </div>
  302. <!-- Unnamed (矩形) -->
  303. <div id="u318" class="ax_default _形状">
  304. <div id="u318_div" class=""></div>
  305. <!-- Unnamed () -->
  306. <div id="u319" class="text" style="visibility: visible;">
  307. <p><span>图层五</span></p>
  308. </div>
  309. </div>
  310. <!-- Unnamed (组合) -->
  311. <div id="u320" class="ax_default">
  312. <!-- Unnamed (矩形) -->
  313. <div id="u321" class="ax_default box_11">
  314. <div id="u321_div" class=""></div>
  315. <!-- Unnamed () -->
  316. <div id="u322" class="text" style="display: none; visibility: hidden">
  317. <p><span></span></p>
  318. </div>
  319. </div>
  320. <!-- Unnamed (组合) -->
  321. <div id="u323" class="ax_default">
  322. <!-- Unnamed (矩形) -->
  323. <div id="u324" class="ax_default box_2">
  324. <div id="u324_div" class=""></div>
  325. <!-- Unnamed () -->
  326. <div id="u325" class="text" style="display: none; visibility: hidden">
  327. <p><span></span></p>
  328. </div>
  329. </div>
  330. <!-- Unnamed (图片) -->
  331. <div id="u326" class="ax_default _图片">
  332. <img id="u326_img" class="img " src="images/1、app、h5专题页调整/u16.png"/>
  333. <!-- Unnamed () -->
  334. <div id="u327" class="text" style="display: none; visibility: hidden">
  335. <p><span></span></p>
  336. </div>
  337. </div>
  338. </div>
  339. </div>
  340. <!-- Unnamed (组合) -->
  341. <div id="u328" class="ax_default">
  342. <!-- Unnamed (矩形) -->
  343. <div id="u329" class="ax_default box_2">
  344. <div id="u329_div" class=""></div>
  345. <!-- Unnamed () -->
  346. <div id="u330" class="text" style="visibility: visible;">
  347. <p><span>&nbsp;&nbsp; &nbsp;&nbsp; 专题名称</span></p>
  348. </div>
  349. </div>
  350. <!-- Unnamed (形状) -->
  351. <div id="u331" class="ax_default icon">
  352. <img id="u331_img" class="img " src="images/2、切屏专题/u264.png"/>
  353. <!-- Unnamed () -->
  354. <div id="u332" class="text" style="display: none; visibility: hidden">
  355. <p><span></span></p>
  356. </div>
  357. </div>
  358. </div>
  359. <!-- Unnamed (提交按钮) -->
  360. <div id="u333" class="ax_default _提交按钮">
  361. <input id="u333_input" type="submit" value="提交"/>
  362. </div>
  363. <!-- Unnamed (文本框) -->
  364. <div id="u334" class="ax_default _文本框">
  365. <input id="u334_input" type="text" value="&nbsp; 姓名"/>
  366. </div>
  367. <!-- Unnamed (文本框) -->
  368. <div id="u335" class="ax_default _文本框">
  369. <input id="u335_input" type="text" value="&nbsp; 手机号"/>
  370. </div>
  371. <!-- Unnamed (文本框) -->
  372. <div id="u336" class="ax_default _文本框">
  373. <input id="u336_input" type="text" value="&nbsp; Email"/>
  374. </div>
  375. <!-- Unnamed (下拉列表框) -->
  376. <div id="u337" class="ax_default droplist">
  377. <select id="u337_input">
  378. <option selected value=" 上海">&nbsp; 上海</option>
  379. <option value=" 北京">&nbsp; 北京</option>
  380. <option value=" 成都">&nbsp; 成都</option>
  381. </select>
  382. </div>
  383. <!-- Unnamed (矩形) -->
  384. <div id="u338" class="ax_default _文本">
  385. <div id="u338_div" class=""></div>
  386. <!-- Unnamed () -->
  387. <div id="u339" class="text" style="visibility: visible;">
  388. <p><span>输入资料,参加活动</span></p>
  389. </div>
  390. </div>
  391. <!-- Unnamed (形状) -->
  392. <div id="u340" class="ax_default icon">
  393. <img id="u340_img" class="img " src="images/1、app、h5专题页调整/u36.png"/>
  394. <!-- Unnamed () -->
  395. <div id="u341" class="text" style="display: none; visibility: hidden">
  396. <p><span></span></p>
  397. </div>
  398. </div>
  399. <!-- Unnamed (矩形) -->
  400. <div id="u342" class="ax_default _形状">
  401. <div id="u342_div" class=""></div>
  402. <!-- Unnamed () -->
  403. <div id="u343" class="text" style="visibility: visible;">
  404. <p><span>图层二</span></p>
  405. </div>
  406. </div>
  407. <!-- Unnamed (矩形) -->
  408. <div id="u344" class="ax_default _形状">
  409. <div id="u344_div" class=""></div>
  410. <!-- Unnamed () -->
  411. <div id="u345" class="text" style="visibility: visible;">
  412. <p><span>图层三</span></p>
  413. </div>
  414. </div>
  415. <!-- Unnamed (矩形) -->
  416. <div id="u346" class="ax_default _形状">
  417. <div id="u346_div" class=""></div>
  418. <!-- Unnamed () -->
  419. <div id="u347" class="text" style="visibility: visible;">
  420. <p><span>图层六</span></p>
  421. </div>
  422. </div>
  423. <!-- Unnamed (矩形) -->
  424. <div id="u348" class="ax_default _形状">
  425. <div id="u348_div" class=""></div>
  426. <!-- Unnamed () -->
  427. <div id="u349" class="text" style="visibility: visible;">
  428. <p><span>图层七</span></p>
  429. </div>
  430. </div>
  431. <!-- Unnamed (矩形) -->
  432. <div id="u350" class="ax_default sticky_3">
  433. <div id="u350_div" class=""></div>
  434. <!-- Unnamed () -->
  435. <div id="u351" class="text" style="visibility: visible;">
  436. <p><span style="font-family:'ArialMT', 'Arial';">1</span><span style="font-family:'PingFangSC-Regular', 'PingFang SC';">、</span><span style="font-family:'ArialMT', 'Arial';"> </span><span style="font-family:'PingFangSC-Regular', 'PingFang SC';">切屏专题分类向上切屏和向左切屏两类</span></p><p><span style="font-family:'PingFangSC-Regular', 'PingFang SC';"><br></span></p><p><span style="font-family:'PingFangSC-Regular', 'PingFang SC';">2、 切屏专题可设置背景音乐,如果未设置背景音乐,则不显示背景音乐按钮。背景音乐默认自动播放,点击背景音乐按钮可以停止播放音乐,再次点击会继续播放</span></p><p><span style="font-family:'PingFangSC-Regular', 'PingFang SC';"><br></span></p>
  437. </div>
  438. </div>
  439. <!-- Unnamed (矩形) -->
  440. <div id="u352" class="ax_default _标题_3">
  441. <div id="u352_div" class=""></div>
  442. <!-- Unnamed () -->
  443. <div id="u353" class="text" style="visibility: visible;">
  444. <p><span>切屏专题-App-向上切屏</span></p>
  445. </div>
  446. </div>
  447. <!-- Unnamed (组合) -->
  448. <div id="u354" class="ax_default">
  449. <!-- Unnamed (椭圆形) -->
  450. <div id="u355" class="ax_default _形状">
  451. <img id="u355_img" class="img " src="images/2、切屏专题/u290.png"/>
  452. <!-- Unnamed () -->
  453. <div id="u356" class="text" style="display: none; visibility: hidden">
  454. <p><span></span></p>
  455. </div>
  456. </div>
  457. <!-- Unnamed (图片) -->
  458. <div id="u357" class="ax_default _图片_">
  459. <img id="u357_img" class="img " src="images/2、切屏专题/u292.png"/>
  460. <!-- Unnamed () -->
  461. <div id="u358" class="text" style="display: none; visibility: hidden">
  462. <p><span></span></p>
  463. </div>
  464. </div>
  465. </div>
  466. <!-- Unnamed (组合) -->
  467. <div id="u359" class="ax_default">
  468. <!-- Unnamed (椭圆形) -->
  469. <div id="u360" class="ax_default _形状">
  470. <img id="u360_img" class="img " src="images/2、切屏专题/u290.png"/>
  471. <!-- Unnamed () -->
  472. <div id="u361" class="text" style="display: none; visibility: hidden">
  473. <p><span></span></p>
  474. </div>
  475. </div>
  476. <!-- Unnamed (图片) -->
  477. <div id="u362" class="ax_default _图片_">
  478. <img id="u362_img" class="img " src="images/2、切屏专题/u292.png"/>
  479. <!-- Unnamed () -->
  480. <div id="u363" class="text" style="display: none; visibility: hidden">
  481. <p><span></span></p>
  482. </div>
  483. </div>
  484. </div>
  485. <!-- Unnamed (矩形) -->
  486. <div id="u364" class="ax_default sticky_3">
  487. <div id="u364_div" class=""></div>
  488. <!-- Unnamed () -->
  489. <div id="u365" class="text" style="visibility: visible;">
  490. <p><span style="font-family:'ArialMT', 'Arial';">1</span><span style="font-family:'PingFangSC-Regular', 'PingFang SC';">、</span><span style="font-family:'ArialMT', 'Arial';"> </span><span style="font-family:'PingFangSC-Regular', 'PingFang SC';">切屏专题背景上方可增加图层,所有位置图层内容均支持图片、视频、直播、表单</span></p><p><span style="font-family:'PingFangSC-Regular', 'PingFang SC';"><br></span></p><p><span style="font-family:'PingFangSC-Regular', 'PingFang SC';">2、 切屏专题中图层位置共有7个,可手动调整图片、视频、直播图层宽高</span></p><p><span style="font-family:'PingFangSC-Regular', 'PingFang SC';"><br></span></p><p><span style="font-family:'PingFangSC-Regular', 'PingFang SC';">3、 视频和直播默认不需要自动播放,点击播放按钮在当前页播放,播放器支持全屏播放</span></p>
  491. </div>
  492. </div>
  493. <!-- Unnamed (组合) -->
  494. <div id="u366" class="ax_default">
  495. <!-- Unnamed (矩形) -->
  496. <div id="u367" class="ax_default box_11">
  497. <div id="u367_div" class=""></div>
  498. <!-- Unnamed () -->
  499. <div id="u368" class="text" style="display: none; visibility: hidden">
  500. <p><span></span></p>
  501. </div>
  502. </div>
  503. <!-- Unnamed (组合) -->
  504. <div id="u369" class="ax_default">
  505. <!-- Unnamed (矩形) -->
  506. <div id="u370" class="ax_default box_2">
  507. <div id="u370_div" class=""></div>
  508. <!-- Unnamed () -->
  509. <div id="u371" class="text" style="display: none; visibility: hidden">
  510. <p><span></span></p>
  511. </div>
  512. </div>
  513. <!-- Unnamed (图片) -->
  514. <div id="u372" class="ax_default _图片">
  515. <img id="u372_img" class="img " src="images/1、app、h5专题页调整/u16.png"/>
  516. <!-- Unnamed () -->
  517. <div id="u373" class="text" style="display: none; visibility: hidden">
  518. <p><span></span></p>
  519. </div>
  520. </div>
  521. </div>
  522. </div>
  523. <!-- Unnamed (组合) -->
  524. <div id="u374" class="ax_default">
  525. <!-- Unnamed (矩形) -->
  526. <div id="u375" class="ax_default box_2">
  527. <div id="u375_div" class=""></div>
  528. <!-- Unnamed () -->
  529. <div id="u376" class="text" style="visibility: visible;">
  530. <p><span style="font-family:'PingFangSC-Regular', 'PingFang SC';font-weight:400;">&nbsp;&nbsp; </span><span style="font-family:'Arial-BoldMT', 'Arial Bold', 'Arial';font-weight:700;">X</span><span style="font-family:'PingFangSC-Regular', 'PingFang SC';font-weight:400;">&nbsp;&nbsp; 专题名称</span></p>
  531. </div>
  532. </div>
  533. </div>
  534. <!-- Unnamed (组合) -->
  535. <div id="u377" class="ax_default">
  536. <!-- Unnamed (矩形) -->
  537. <div id="u378" class="ax_default box_11">
  538. <div id="u378_div" class=""></div>
  539. <!-- Unnamed () -->
  540. <div id="u379" class="text" style="display: none; visibility: hidden">
  541. <p><span></span></p>
  542. </div>
  543. </div>
  544. <!-- Unnamed (组合) -->
  545. <div id="u380" class="ax_default">
  546. <!-- Unnamed (矩形) -->
  547. <div id="u381" class="ax_default box_2">
  548. <div id="u381_div" class=""></div>
  549. <!-- Unnamed () -->
  550. <div id="u382" class="text" style="display: none; visibility: hidden">
  551. <p><span></span></p>
  552. </div>
  553. </div>
  554. <!-- Unnamed (图片) -->
  555. <div id="u383" class="ax_default _图片">
  556. <img id="u383_img" class="img " src="images/1、app、h5专题页调整/u16.png"/>
  557. <!-- Unnamed () -->
  558. <div id="u384" class="text" style="display: none; visibility: hidden">
  559. <p><span></span></p>
  560. </div>
  561. </div>
  562. </div>
  563. </div>
  564. <!-- Unnamed (组合) -->
  565. <div id="u385" class="ax_default">
  566. <!-- Unnamed (矩形) -->
  567. <div id="u386" class="ax_default box_2">
  568. <div id="u386_div" class=""></div>
  569. <!-- Unnamed () -->
  570. <div id="u387" class="text" style="visibility: visible;">
  571. <p><span style="font-family:'PingFangSC-Regular', 'PingFang SC';font-weight:400;">&nbsp;&nbsp; </span><span style="font-family:'Arial-BoldMT', 'Arial Bold', 'Arial';font-weight:700;">X</span><span style="font-family:'PingFangSC-Regular', 'PingFang SC';font-weight:400;">&nbsp;&nbsp; 专题名称</span></p>
  572. </div>
  573. </div>
  574. </div>
  575. <!-- Unnamed (矩形) -->
  576. <div id="u388" class="ax_default _形状">
  577. <div id="u388_div" class=""></div>
  578. <!-- Unnamed () -->
  579. <div id="u389" class="text" style="display: none; visibility: hidden">
  580. <p><span></span></p>
  581. </div>
  582. </div>
  583. <!-- Unnamed (图片) -->
  584. <div id="u390" class="ax_default _图片_">
  585. <img id="u390_img" class="img " src="images/2、切屏专题/u281.png"/>
  586. <!-- Unnamed () -->
  587. <div id="u391" class="text" style="display: none; visibility: hidden">
  588. <p><span></span></p>
  589. </div>
  590. </div>
  591. <!-- Unnamed (矩形) -->
  592. <div id="u392" class="ax_default _形状">
  593. <div id="u392_div" class=""></div>
  594. <!-- Unnamed () -->
  595. <div id="u393" class="text" style="display: none; visibility: hidden">
  596. <p><span></span></p>
  597. </div>
  598. </div>
  599. <!-- Unnamed (矩形) -->
  600. <div id="u394" class="ax_default _文本">
  601. <div id="u394_div" class=""></div>
  602. <!-- Unnamed () -->
  603. <div id="u395" class="text" style="visibility: visible;">
  604. <p><span>向左切屏</span></p>
  605. </div>
  606. </div>
  607. <!-- Unnamed (图片) -->
  608. <div id="u396" class="ax_default _图片_">
  609. <img id="u396_img" class="img " src="images/2、切屏专题/u281.png"/>
  610. <!-- Unnamed () -->
  611. <div id="u397" class="text" style="display: none; visibility: hidden">
  612. <p><span></span></p>
  613. </div>
  614. </div>
  615. <!-- Unnamed (组合) -->
  616. <div id="u398" class="ax_default">
  617. <!-- Unnamed (椭圆形) -->
  618. <div id="u399" class="ax_default _形状">
  619. <img id="u399_img" class="img " src="images/2、切屏专题/u290.png"/>
  620. <!-- Unnamed () -->
  621. <div id="u400" class="text" style="display: none; visibility: hidden">
  622. <p><span></span></p>
  623. </div>
  624. </div>
  625. <!-- Unnamed (图片) -->
  626. <div id="u401" class="ax_default _图片_">
  627. <img id="u401_img" class="img " src="images/2、切屏专题/u292.png"/>
  628. <!-- Unnamed () -->
  629. <div id="u402" class="text" style="display: none; visibility: hidden">
  630. <p><span></span></p>
  631. </div>
  632. </div>
  633. </div>
  634. <!-- Unnamed (矩形) -->
  635. <div id="u403" class="ax_default _文本">
  636. <div id="u403_div" class=""></div>
  637. <!-- Unnamed () -->
  638. <div id="u404" class="text" style="visibility: visible;">
  639. <p><span>向上切屏</span></p>
  640. </div>
  641. </div>
  642. <!-- Unnamed (组合) -->
  643. <div id="u405" class="ax_default">
  644. <!-- Unnamed (椭圆形) -->
  645. <div id="u406" class="ax_default _形状">
  646. <img id="u406_img" class="img " src="images/2、切屏专题/u290.png"/>
  647. <!-- Unnamed () -->
  648. <div id="u407" class="text" style="display: none; visibility: hidden">
  649. <p><span></span></p>
  650. </div>
  651. </div>
  652. <!-- Unnamed (图片) -->
  653. <div id="u408" class="ax_default _图片_">
  654. <img id="u408_img" class="img " src="images/2、切屏专题/u292.png"/>
  655. <!-- Unnamed () -->
  656. <div id="u409" class="text" style="display: none; visibility: hidden">
  657. <p><span></span></p>
  658. </div>
  659. </div>
  660. </div>
  661. <!-- Unnamed (矩形) -->
  662. <div id="u410" class="ax_default _标题_3">
  663. <div id="u410_div" class=""></div>
  664. <!-- Unnamed () -->
  665. <div id="u411" class="text" style="visibility: visible;">
  666. <p><span>切屏专题——浏览器中</span></p>
  667. </div>
  668. </div>
  669. <!-- Unnamed (矩形) -->
  670. <div id="u412" class="ax_default sticky_3">
  671. <div id="u412_div" class=""></div>
  672. <!-- Unnamed () -->
  673. <div id="u413" class="text" style="visibility: visible;">
  674. <p><span style="font-family:'ArialMT', 'Arial';">1</span><span style="font-family:'PingFangSC-Regular', 'PingFang SC';">、</span><span style="font-family:'ArialMT', 'Arial';"> </span><span style="font-family:'PingFangSC-Regular', 'PingFang SC';">切屏专题分享标题、分享内容、分享图片可通过后台自定义,分享位置包括微信好友、微信朋友圈、微博。点击分享链接可使用默认浏览器打开专题内容</span></p>
  675. </div>
  676. </div>
  677. <!-- Unnamed (图片) -->
  678. <div id="u414" class="ax_default _图片_">
  679. <img id="u414_img" class="img " src="images/2、切屏专题/u414.png"/>
  680. <!-- Unnamed () -->
  681. <div id="u415" class="text" style="display: none; visibility: hidden">
  682. <p><span></span></p>
  683. </div>
  684. </div>
  685. <!-- Unnamed (形状) -->
  686. <div id="u416" class="ax_default icon">
  687. <img id="u416_img" class="img " src="images/2、切屏专题/u416.png"/>
  688. <!-- Unnamed () -->
  689. <div id="u417" class="text" style="display: none; visibility: hidden">
  690. <p><span></span></p>
  691. </div>
  692. </div>
  693. <!-- Unnamed (形状) -->
  694. <div id="u418" class="ax_default icon">
  695. <img id="u418_img" class="img " src="images/2、切屏专题/u416.png"/>
  696. <!-- Unnamed () -->
  697. <div id="u419" class="text" style="display: none; visibility: hidden">
  698. <p><span></span></p>
  699. </div>
  700. </div>
  701. <!-- Unnamed (形状) -->
  702. <div id="u420" class="ax_default icon">
  703. <img id="u420_img" class="img " src="images/2、切屏专题/u416.png"/>
  704. <!-- Unnamed () -->
  705. <div id="u421" class="text" style="display: none; visibility: hidden">
  706. <p><span></span></p>
  707. </div>
  708. </div>
  709. <!-- Unnamed (形状) -->
  710. <div id="u422" class="ax_default icon">
  711. <img id="u422_img" class="img " src="images/2、切屏专题/u416.png"/>
  712. <!-- Unnamed () -->
  713. <div id="u423" class="text" style="display: none; visibility: hidden">
  714. <p><span></span></p>
  715. </div>
  716. </div>
  717. <!-- Unnamed (矩形) -->
  718. <div id="u424" class="ax_default _标题_3">
  719. <div id="u424_div" class=""></div>
  720. <!-- Unnamed () -->
  721. <div id="u425" class="text" style="visibility: visible;">
  722. <p><span>切屏专题-App-向左切屏</span></p>
  723. </div>
  724. </div>
  725. <!-- Unnamed (矩形) -->
  726. <div id="u426" class="ax_default _标题_3">
  727. <div id="u426_div" class=""></div>
  728. <!-- Unnamed () -->
  729. <div id="u427" class="text" style="visibility: visible;">
  730. <p><span>切屏专题-App-带图层</span></p>
  731. </div>
  732. </div>
  733. <!-- Unnamed (矩形) -->
  734. <div id="u428" class="ax_default _标题_3">
  735. <div id="u428_div" class=""></div>
  736. <!-- Unnamed () -->
  737. <div id="u429" class="text" style="visibility: visible;">
  738. <p><span>切屏专题-App-图层为图片和表单</span></p>
  739. </div>
  740. </div>
  741. <!-- Unnamed (矩形) -->
  742. <div id="u430" class="ax_default sticky_3">
  743. <div id="u430_div" class=""></div>
  744. <!-- Unnamed () -->
  745. <div id="u431" class="text" style="visibility: visible;">
  746. <p><span>1、表单中点击提交按钮不需要判断用户是否已登录</span></p><p><span><br></span></p>
  747. </div>
  748. </div>
  749. <!-- Unnamed (组合) -->
  750. <div id="u432" class="ax_default">
  751. <!-- Unnamed (矩形) -->
  752. <div id="u433" class="ax_default box_11">
  753. <div id="u433_div" class=""></div>
  754. <!-- Unnamed () -->
  755. <div id="u434" class="text" style="display: none; visibility: hidden">
  756. <p><span></span></p>
  757. </div>
  758. </div>
  759. <!-- Unnamed (组合) -->
  760. <div id="u435" class="ax_default">
  761. <!-- Unnamed (矩形) -->
  762. <div id="u436" class="ax_default box_2">
  763. <div id="u436_div" class=""></div>
  764. <!-- Unnamed () -->
  765. <div id="u437" class="text" style="display: none; visibility: hidden">
  766. <p><span></span></p>
  767. </div>
  768. </div>
  769. <!-- Unnamed (图片) -->
  770. <div id="u438" class="ax_default _图片">
  771. <img id="u438_img" class="img " src="images/1、app、h5专题页调整/u16.png"/>
  772. <!-- Unnamed () -->
  773. <div id="u439" class="text" style="display: none; visibility: hidden">
  774. <p><span></span></p>
  775. </div>
  776. </div>
  777. </div>
  778. </div>
  779. <!-- Unnamed (矩形) -->
  780. <div id="u440" class="ax_default _形状">
  781. <div id="u440_div" class=""></div>
  782. <!-- Unnamed () -->
  783. <div id="u441" class="text" style="visibility: visible;">
  784. <p><span><br></span></p><p><span>图层四</span></p>
  785. </div>
  786. </div>
  787. <!-- Unnamed (矩形) -->
  788. <div id="u442" class="ax_default _形状">
  789. <div id="u442_div" class=""></div>
  790. <!-- Unnamed () -->
  791. <div id="u443" class="text" style="visibility: visible;">
  792. <p><span>图层一</span></p>
  793. </div>
  794. </div>
  795. <!-- Unnamed (矩形) -->
  796. <div id="u444" class="ax_default _形状">
  797. <div id="u444_div" class=""></div>
  798. <!-- Unnamed () -->
  799. <div id="u445" class="text" style="visibility: visible;">
  800. <p><span>图层五</span></p>
  801. </div>
  802. </div>
  803. <!-- Unnamed (组合) -->
  804. <div id="u446" class="ax_default">
  805. <!-- Unnamed (矩形) -->
  806. <div id="u447" class="ax_default box_11">
  807. <div id="u447_div" class=""></div>
  808. <!-- Unnamed () -->
  809. <div id="u448" class="text" style="display: none; visibility: hidden">
  810. <p><span></span></p>
  811. </div>
  812. </div>
  813. <!-- Unnamed (组合) -->
  814. <div id="u449" class="ax_default">
  815. <!-- Unnamed (矩形) -->
  816. <div id="u450" class="ax_default box_2">
  817. <div id="u450_div" class=""></div>
  818. <!-- Unnamed () -->
  819. <div id="u451" class="text" style="display: none; visibility: hidden">
  820. <p><span></span></p>
  821. </div>
  822. </div>
  823. <!-- Unnamed (图片) -->
  824. <div id="u452" class="ax_default _图片">
  825. <img id="u452_img" class="img " src="images/1、app、h5专题页调整/u16.png"/>
  826. <!-- Unnamed () -->
  827. <div id="u453" class="text" style="display: none; visibility: hidden">
  828. <p><span></span></p>
  829. </div>
  830. </div>
  831. </div>
  832. </div>
  833. <!-- Unnamed (提交按钮) -->
  834. <div id="u454" class="ax_default _提交按钮">
  835. <input id="u454_input" type="submit" value="提交"/>
  836. </div>
  837. <!-- Unnamed (文本框) -->
  838. <div id="u455" class="ax_default _文本框">
  839. <input id="u455_input" type="text" value="&nbsp; 姓名"/>
  840. </div>
  841. <!-- Unnamed (文本框) -->
  842. <div id="u456" class="ax_default _文本框">
  843. <input id="u456_input" type="text" value="&nbsp; 手机号"/>
  844. </div>
  845. <!-- Unnamed (文本框) -->
  846. <div id="u457" class="ax_default _文本框">
  847. <input id="u457_input" type="text" value="&nbsp; Email"/>
  848. </div>
  849. <!-- Unnamed (下拉列表框) -->
  850. <div id="u458" class="ax_default droplist">
  851. <select id="u458_input">
  852. <option selected value=" 上海">&nbsp; 上海</option>
  853. <option value=" 北京">&nbsp; 北京</option>
  854. <option value=" 成都">&nbsp; 成都</option>
  855. </select>
  856. </div>
  857. <!-- Unnamed (矩形) -->
  858. <div id="u459" class="ax_default _文本">
  859. <div id="u459_div" class=""></div>
  860. <!-- Unnamed () -->
  861. <div id="u460" class="text" style="visibility: visible;">
  862. <p><span>输入资料,参加活动</span></p>
  863. </div>
  864. </div>
  865. <!-- Unnamed (形状) -->
  866. <div id="u461" class="ax_default icon">
  867. <img id="u461_img" class="img " src="images/1、app、h5专题页调整/u36.png"/>
  868. <!-- Unnamed () -->
  869. <div id="u462" class="text" style="display: none; visibility: hidden">
  870. <p><span></span></p>
  871. </div>
  872. </div>
  873. <!-- Unnamed (矩形) -->
  874. <div id="u463" class="ax_default _形状">
  875. <div id="u463_div" class=""></div>
  876. <!-- Unnamed () -->
  877. <div id="u464" class="text" style="visibility: visible;">
  878. <p><span>图层二</span></p>
  879. </div>
  880. </div>
  881. <!-- Unnamed (矩形) -->
  882. <div id="u465" class="ax_default _形状">
  883. <div id="u465_div" class=""></div>
  884. <!-- Unnamed () -->
  885. <div id="u466" class="text" style="visibility: visible;">
  886. <p><span>图层三</span></p>
  887. </div>
  888. </div>
  889. <!-- Unnamed (矩形) -->
  890. <div id="u467" class="ax_default _形状">
  891. <div id="u467_div" class=""></div>
  892. <!-- Unnamed () -->
  893. <div id="u468" class="text" style="visibility: visible;">
  894. <p><span>图层六</span></p>
  895. </div>
  896. </div>
  897. <!-- Unnamed (矩形) -->
  898. <div id="u469" class="ax_default _形状">
  899. <div id="u469_div" class=""></div>
  900. <!-- Unnamed () -->
  901. <div id="u470" class="text" style="visibility: visible;">
  902. <p><span>图层七</span></p>
  903. </div>
  904. </div>
  905. <!-- Unnamed (组合) -->
  906. <div id="u471" class="ax_default">
  907. <!-- Unnamed (椭圆形) -->
  908. <div id="u472" class="ax_default _形状">
  909. <img id="u472_img" class="img " src="images/2、切屏专题/u290.png"/>
  910. <!-- Unnamed () -->
  911. <div id="u473" class="text" style="display: none; visibility: hidden">
  912. <p><span></span></p>
  913. </div>
  914. </div>
  915. <!-- Unnamed (图片) -->
  916. <div id="u474" class="ax_default _图片_">
  917. <img id="u474_img" class="img " src="images/2、切屏专题/u292.png"/>
  918. <!-- Unnamed () -->
  919. <div id="u475" class="text" style="display: none; visibility: hidden">
  920. <p><span></span></p>
  921. </div>
  922. </div>
  923. </div>
  924. <!-- Unnamed (组合) -->
  925. <div id="u476" class="ax_default">
  926. <!-- Unnamed (椭圆形) -->
  927. <div id="u477" class="ax_default _形状">
  928. <img id="u477_img" class="img " src="images/2、切屏专题/u290.png"/>
  929. <!-- Unnamed () -->
  930. <div id="u478" class="text" style="display: none; visibility: hidden">
  931. <p><span></span></p>
  932. </div>
  933. </div>
  934. <!-- Unnamed (图片) -->
  935. <div id="u479" class="ax_default _图片_">
  936. <img id="u479_img" class="img " src="images/2、切屏专题/u292.png"/>
  937. <!-- Unnamed () -->
  938. <div id="u480" class="text" style="display: none; visibility: hidden">
  939. <p><span></span></p>
  940. </div>
  941. </div>
  942. </div>
  943. <!-- Unnamed (矩形) -->
  944. <div id="u481" class="ax_default _标题_3">
  945. <div id="u481_div" class=""></div>
  946. <!-- Unnamed () -->
  947. <div id="u482" class="text" style="visibility: visible;">
  948. <p><span>切屏专题—浏览器中—带图层</span></p>
  949. </div>
  950. </div>
  951. <!-- Unnamed (矩形) -->
  952. <div id="u483" class="ax_default _标题_3">
  953. <div id="u483_div" class=""></div>
  954. <!-- Unnamed () -->
  955. <div id="u484" class="text" style="visibility: visible;">
  956. <p><span>切屏专题—浏览器中—图层为图片和表单</span></p>
  957. </div>
  958. </div>
  959. <!-- Unnamed (矩形) -->
  960. <div id="u485" class="ax_default sticky_3">
  961. <div id="u485_div" class=""></div>
  962. <!-- Unnamed () -->
  963. <div id="u486" class="text" style="visibility: visible;">
  964. <p><span>1、表单中点击提交按钮不需要判断用户是否已登录</span></p><p><span><br></span></p>
  965. </div>
  966. </div>
  967. <!-- Unnamed (组合) -->
  968. <div id="u487" class="ax_default">
  969. <!-- Unnamed (矩形) -->
  970. <div id="u488" class="ax_default box_2">
  971. <div id="u488_div" class=""></div>
  972. <!-- Unnamed () -->
  973. <div id="u489" class="text" style="visibility: visible;">
  974. <p><span style="font-family:'PingFangSC-Regular', 'PingFang SC';font-weight:400;">&nbsp;&nbsp; </span><span style="font-family:'Arial-BoldMT', 'Arial Bold', 'Arial';font-weight:700;">X</span><span style="font-family:'PingFangSC-Regular', 'PingFang SC';font-weight:400;">&nbsp;&nbsp; 专题名称</span></p>
  975. </div>
  976. </div>
  977. </div>
  978. <!-- Unnamed (组合) -->
  979. <div id="u490" class="ax_default">
  980. <!-- Unnamed (矩形) -->
  981. <div id="u491" class="ax_default box_2">
  982. <div id="u491_div" class=""></div>
  983. <!-- Unnamed () -->
  984. <div id="u492" class="text" style="visibility: visible;">
  985. <p><span style="font-family:'PingFangSC-Regular', 'PingFang SC';font-weight:400;">&nbsp;&nbsp; </span><span style="font-family:'Arial-BoldMT', 'Arial Bold', 'Arial';font-weight:700;">X</span><span style="font-family:'PingFangSC-Regular', 'PingFang SC';font-weight:400;">&nbsp;&nbsp; 专题名称</span></p>
  986. </div>
  987. </div>
  988. </div>
  989. </div>
  990. </body>
  991. </html>