这段代码无反应: 代码如下: <script type="text/javascript"> onload = function () { document.getElementById('dv1').onmouseover = function () { var imgObj1 = document.createElement('img'); imgObj1.setAttribute('src', '1224164136-0.jpg'); imgObj1.width =…
说在前面 最近在做一个MVC相册的网站(这里),需要批量上传照片功能,所以就在网上搜相关的插件,偶然机会发现Dropzone.js,试用了一下完全符合我的要求,而且样式挺满意的,于是就在我的项目中使用了这个插件.在使用的过程中发现中文的相关文档较少,说多了都是泪,硬着头皮看官方的网站,本来英文不咋地,只能边查单词边用了,于是就有了这篇文章,主要是总结在使用Dropzone中的遇到的一些问题及详细的使用步骤. Dropzone.js是啥? Dropzone.js是一个开源库,提供拖放文件上传及图像…
---------------------------------------------图片的导入-------------------------------------------------------------------<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&…
当鼠标在界面上移动的时候,后面有一连串的图片跟随者一起飘动,效果如下: 实现的基本思想:准备五个img标签,为了方便控制都放在一个div里面,设置div的定位方式为 fixed,设置成这中定位方式主要是为了解决在页面出现滚动条的情况下,图片还能够跟随鼠标移动.然后再鼠标移动的时候,延时给每一个图片设置定位的left和top距离就OK了.HTML和CSS代码如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head>…
在做图片上传的功能时, 使用删除功能删除了一张图片, 然后想重新上传原来删除的图片, 结果预览不显示, 也不能上传成功 解决办法, 在删除方法里置空input $("#id").find('input').val(''); 拿到input所在的位置, 找到这个input, 然后置空 还有一种方法是来回切换input的属性 每次删除图片后, 改变input的type属性 先变成text, 删除完成后变回file, 方便删除后能继续上传 $("#inputId").at…
线上html <!DOCTYPE html> <html> <head> <title>HTML中用JS调用OC方法</title> <style> #div1 { background-color:#ccc; width:100px; height:100px; position:absolute; top:400px } </style> <meta http-equiv="Content-Type&q…
链接: JavaScript 正则表达式:http://www.runoob.com/js/js-regexp.html js正则匹配出所有图片及图片地址src的方法:http://www.jb51.net/article/67464.htm https://q.cnblogs.com/q/65625/…
在讲解主要内容之前,我们先来看看JS的解析顺序,我们惯性地觉得JS是从上往下执行的,所以我们要用一个变量来首先声明它,来看下面这段代码: alert(a); var a = 1; 大家觉得这段代码有什么问题吗?会报错吧,a变量没有声明就调用?或者,可能弹出数字1? 实际上,你会发现这段代码执行的结果是弹出一个“undefined”,为什么会这样呢?下面我们就来讲讲JS的解析顺序. 1.JS的解析顺序 其实说JS是自上而下解析是正确的,但是是分为两步: 先自上而下解析声明,包括用var.funct…
初始化GlobalData 在App.js的最上方可以设置GlobalData的初始值. App({ globalData:{ appid: '1wqas2342dasaqwe232342xxxxxxxxxx',//appid需自己提供,此处的appid我随机编写 secret: 'e0dassdadef2424234209bwXXXXXXXXXXXXXX',//secret需自己提供,此处的secret我随机编写 openid:'你好', //自定义 },在App.js中修改GlobalDat…
原文js实现图片上传预览及进度条 最近在做图片上传的时候,由于产品设计的比较fashion,上网找了比较久还没有现成的,因此自己做了一个,实现的功能如下: 1:去除浏览器<input type="file">默认的样式: 2:图片从本地选择后,立即预览图片: 3:使用上传可以查看上传进度(本博做的是上传的百分比,做成进度条类似): 先看效果图: 做完的效果图如下: 首先是去除浏览器默认上传图片框,这个不是设置的css,再者<input type="file&…