js怎么实现图片的批量下载

JavaScript05

js怎么实现图片的批量下载,第1张

js脚本在html中批量加入图片,我们需要设置一个父类的div，然后在创建子类，在创建好一个img的子类，将图片都添加进来，

<html>

<body>

<div id='parent'>

<div class='pin'>

</div>

</div>

</body>

<script>

var oPin = document.createElement('div')

oPin.className = 'pin'

oParent.appendChild(oPin)

var oImg = document.createElement('img')

loadImg('./image/'+ data[i].src,callBack,oImg) //这里是你的图片地址

oImg.src = './image/'+ data[i].src

oPin.appendChild(oImg)

</script>

</html>

前端js插件,具有简单使用,交互效果好,具有吸引力外观的特点，下面总结一下最常用并且最好用的js插件：

1.zDialog.js插件。是一个包含各种弹窗的前端插件。

2.ace.min.js插件，ace-element.min.js插件，是基于Bootstrap Ace模板的菜单和包含Tab页效果。

3.jquery.flot.js插件，Jquery的图表插件float。Flot是一个Jquery下图表插件，具有简单使用，交互效果，具有吸引力外观特点。目前支持 Internet Explorer 6+, Chrome, Firefox 2+, Safari 3+ and Opera 9.5+ 等浏览器，是一个基于Javascript和Jquery纯客端户的脚本库。

4.jquery.easypiechart.js插件，主要是用来统计新的访问、跳出率、服务器负载、使用的RAM等，功能很强大，带有HTML5的动画效果，效果非常炫。

query.sparkline.js插件，是一款jquery的画小图插件。

5.jquery.slimscroll.js插件 ，是jQuery内的内容滚动插件，可以定义高度、宽度，还可以定义位置、滚动条大小、尺寸、颜色以及众多参数自定义。

6.jquery.ui.touch.js 插件，包含jQuery触摸效果。