方法一:
1、打开代码助手 点击ListView列表,插入代码和添加列表,然后修改代码如下:
2、新建内容,并设置文档属性为代码编辑器,如下图:
3、点新建代码页面,然后将刚才代码助手中制作好的代码复制粘贴到<body>标签中。
制作好后的效果如图:
方法二:
1、全选复制刚才的代码,然后使用工具将html代码转为JS代码,如下图:
2、将转换后的代码复制到记事本,修改页面编码为uft-8,并将代码中的路径修改为绝对路径,如下图:
3、将代码另存为list.js (注意,编码要选UTF-8) 然后上传到你的服务器上,如下图:
最后,在你需要调用到这个列表的地方插入代码<script src="http://www.kmbox.cn/help/html/list.js" language="javascript"></script> (将src中的路径替换成你网站的路径)。当然我们也可以用同样的方法实现插入一段更新提示的代码,例如在软件设置-首页底部自定义代码处添加如下代码:<div align="center"><script src="http://www.kmbox.cn/plus/ad_js.php?aid=20" language="javascript"></script></div>,示例源文件下载:http://www.kmbox.cn/app/km11.apk
方法三:使用跳转代码
1、使用setTimeout函数实现定时跳转(如下代码要写在body区域内)
<script type="text/javascript"> //3秒钟之后跳转到指定的页面 setTimeout(window.location.href='http://www.kmbox.cn',3); </script>
2、html代码实现,在页面的head区域块内加上如下代码:
<!--5秒钟后跳转到指定的页面--> <meta http-equiv="refresh" content="5;url=http://www.kmbox.cn" />
3、稍微复杂点的倒计时转跳
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>js定时跳转页面的方法</title> </head> <body> <script type="text/javascript"> var t=5;//设定跳转的时间 setInterval("refer()",500); //启动1秒定时 function refer(){ if(t==0){ location='http://www.kmbox.cn'; //#设定跳转的链接地址 } document.getElementById('show').innerHTML=""+t+"秒后跳转到KM盒子"; // 显示倒计时 t--; // 计数器递减 } </script> <span id="show"></span> </body> </html>
4、更复杂点的进度条转跳
<html> <head> <meta charset="utf-8"> <script language="javascript"> function setSB(v, el) { var ie5 = (document.all && document.getElementsByTagName); if (ie5 || document.readyState == "complete") { filterEl = el.children[0]; valueEl = el.children[1]; filterEl.style.width = v + "%"; valueEl.innerText = v + "%"; } } function fakeProgress(v, el) { if (v > 100) location.href = "http://www.kmbox.cn"; else { setSB(v, el); window.setTimeout("fakeProgress(" + (++v) + ", document.all['" + el.id + "'])", 20); } } </SCRIPT> </head> <body onload="fakeProgress(0, sb)" topmargin=180 bgcolor=#CCCCCC> <center> <p align=center style="font-szie:9pt; line-height: 100%">正在进入KM盒子,请稍侯……</p> <span id=sb style="width: 500px"> <div style="filter: Alpha(Opacity=0, FinishOpacity=60, style=1, StartX=0, StartY=0, FinishX=100, FinishY=0); width: 0%; height: 12px; position: absolute; background: #9999ff"></div> <div style="font-size: 12px; width: 100%; color: #ff3333; font-family: arial; text-align: center"></DIV> </span> </center> </body> </html>