jq页面加载分割截图
<script>
$(document).ready(function() {
if (!Array.prototype.forEach) {
Array.prototype.forEach = function(fun /*, thisp*/){
var len = this.length;
if (typeof fun != "function")
throw new TypeError();
var thisp = arguments[1];
for (var i = 0; i < len; i++){
if (i in this)
fun.call(thisp, this[i], i, this);
}
};
}
var jt=$("#jt").val();
var arrjt=jt.split(/,|,/);
var arrjtA=[];
var jtemp="";
for(i=0;i<arrjt.length;i++){
arrjtA.push(arrjt[i]);
}
arrjtA.forEach(function(e){
jtemp+="<div class='swiper-slide'><img src='images/"+e+"'/></div>";
});
$("#screenshot").html(jtemp);
var tz=$("#tz").val();
var arrtz=tz.split(/;|;/);
var arrtzA=[];
var temp="";
for(j=0;j<arrtz.length;j++){
arrtzA.push(arrtz[j]);
}
arrtzA.forEach(function(e){
temp+="<li class='xinban'>▪"+e+"</li>";
});
$("#feature").html(temp);
});
</script>
<input type="hidden" id="jt" name="jt" value="jietu.png,jietu.png,jietu.png,jietu.png,jietu.png,jietu.png"/>
<div class="swiper-wrapper" id="screenshot">
</div>
<input type="hidden" id="tz" name="tz" value="版本:2.4.0.0范德萨发卡了就发了多少;更新:2015-06-19减肥可怜的萨福克大路上风景啊;语言:中文放大沙发上的话就发黑色的就(简体);版本:2.4.0北方舰队舒服哈哈付款拉风.0;9发撒好的发多少来房间打扫房间卡水电开发教师的教案发卡洛斯;语言:中文(简体)发给多少个io我就覅束带结发卡机;版本:2.4.0.0范德萨发卡了就发了多少;更新:2015-06-19减肥可怜的萨福克大路上风景啊"/>
<ul id="feature">
</ul>
部分来自:http://segmentfault.com/a/1190000002486377
jq页面加载分割截图的更多相关文章
- jq页面加载问题
Window.onload=function(){ //页面加载,不能同时编写多个,最后面的会覆盖前面的 } $(document).ready(function(){ //页面加载,能同时编写多 ...
- jq常用事件(on,blur,focus,change),js/jq等待图片(页面)加载完毕事件,js读取文件
jq常用事件(on,blur,focus,change) // 方法一(推荐) $('.box').on( "click",function() {} ) $('.box').on ...
- JS实现页面加载完毕之前loading提示效果
1.获取浏览器页面可见高度和宽度 var _PageHeight = document.documentElement.clientHeight, _PageWidth = document.docu ...
- fakeLoader页面加载前loading演示8种效果
提高用户体验的插件fakeLoader页面加载前loading演示8种效果 在线预览 下载地址 示例代码 <div id="main"> <div class=& ...
- JS 页面加载触发事件 document.ready和window.onload的区别
document.ready和onload的区别——JavaScript文档加载完成事件页面加载完成有两种事件: 一是ready,表示文档结构已经加载完成(不包含图片等非文字媒体文件): 二是onlo ...
- asp.net使用httphandler打包多CSS或JS文件以加快页面加载速度
介绍 使用许多小得JS.CSS文件代替一个庞大的JS或CSS文件来让代码获得更好的可维 护性,这是一个很好的实践.但这样做反过来却损失了网站的性能.虽然你应该将你的Javascript代码写在小文件中 ...
- JS 页面加载触发事件 document.ready和onload的区别(转)
原博地址:http://blog.163.com/zhaoyanping_1125/blog/static/20132915320111129113723710/ * document.ready和o ...
- jQuery模拟页面加载进度条
因为我们无法通过任何方法获取整个页面的大小和当前加载了多少,所以想制作一个加载进度条的唯一办法就是模拟.那要怎么模拟呢? 我们知道,页面是从上往下执行的,也就是说我们可以大致估算出在页面的某个位置加载 ...
- jQuery 页面加载事件
页面加载完成有两种事件,一是ready,表示文档结构已经加载完成(不包含图片等非文字媒体文件),二是onload,指示页 面包含图片等文件在内的所有元素都加载完成.(可以说:ready 在onload ...
随机推荐
- 用户管理系统之class
接着上一篇博客继续往下总结,上一篇博客的地址:https://www.cnblogs.com/bainianminguo/p/9189324.html 我们开始吧 这里我们就需要先看下我们设计的数据库 ...
- load balancer does not have available server for client: provider
Ask Question up vote6down votefavorite 4 I'm trying to use Feign client. Below is my feing client: i ...
- java实现rabbitMQ延时队列详解以及spring-rabbit整合教程
在实际的业务中我们会遇见生产者产生的消息,不立即消费,而是延时一段时间在消费.RabbitMQ本身没有直接支持延迟队列功能,但是我们可以根据其特性Per-Queue Message TTL和 Dead ...
- @Transational)的方法,注解失效的原因和解决方法
在同一个类中,一个方法调用另外一个有注解(比如@Async,@Transational)的方法,注解是不会生效的. 比如,下面代码例子中,有两方法,一个有@Transational注解,一个没有.如果 ...
- linux修改hosts
vim /etc/hosts
- c#启动windows服务问题总结
程序以管理员权限运行的原因 在Vista 和 Windows 7 及更新版本的操作系统,增加了 UAC(用户账户控制) 的安全机制,如果 UAC 被打开,用户即使以管理员权限登录,其应用程序默认情况下 ...
- Linux Centos7 虚拟机上网设置
一.Windows下网卡,共享上网模式 二.虚拟机VMnet8的网卡模 三.Linux 下配置网卡 命令: vi /etc/sysconfig/network-scripts/ifcfg-ens33 ...
- Pandas设置值
1.创建数据 >>> dates = pd.date_range(', periods=6) >>> df = pd.DataFrame(np.arange(24) ...
- Java 内存模型、GC原理及算法
Java 内存模型.GC原理:https://blog.csdn.net/ithomer/article/details/6252552 GC算法:https://www.cnblogs.com/sm ...
- java中的内存模型
概述 Java平台自动集成了线程以及多处理器技术,这种集成程度比Java以前诞生的计算机语言要厉害很多,该语言针对多种异构平台的平台独立性而使用的多线程技术支持也是具有开拓性的一面,有时候在开发Jav ...