jquery插件ez-bg-resize解决背景自适应平铺浏览器大小的问题

 jQuery/js  高蒙  阅读(104)  评论(0)  jquery jquery.ez-bg-resize.js 背景平铺 背景自适应  3周前 

在手机端页面中,设置了页面背景为平铺,当我用ajax动态加载页面结构的时候,就会出现背景不是平铺错误的问题。如何结局呢?这里有个jquery插件jquery.ez-bg-resize.js可以顺利的解决背景自适应平铺浏览器大小的问题。使用方式:<script src="jquery.ez-bg-resize.js" type="text/javascript" charset="utf-8">&


利用jquery.qrcode.js生成二维码和logo居中的图片 js生成二维码

 jQuery/js  高蒙  阅读(94)  评论(0)  二维码 jquery jquery.qrcode.js logo  3周前 

在项目中经常需要用到二维码的地方,如果都用服务器端生成的话就会很消耗资源。于是,直接通过JavaScript直接在客户端生成,有效减少带宽,以及维护成本。之前我介绍过用jquery.qrcode.js生成二维码的方法,这里是需要在生成二维码的中间加上logo。并且右键保存是一张图。前往 如何用jquery.qrcode.js插件在线生成二维码 官网上的 qrcode.js 文件里没有实现中文的支持和LOGO的添加,现在我们将这个文件修改为jquery.qrcode.js文件了。此外还需


解决ios内置微信背景音乐自动播放

 jQuery/js  高蒙  阅读(226)  评论(0)  ios 微信  1个月前 

苹果的移动端设备微信内置浏览器目前是不支持音频自动播放的。那么在很多场景下面,是需要自动播放音乐的。这里实现的方式是配合微信js。具体方法如下:<audio id="adoMusic" src="123.mp3" style="display: none;"></audio>document.addEventListener('DOMContentLoaded


js中indexOf()方法的使用

 jQuery/js  高蒙  阅读(563)  评论(4)  indexOf() js  4个月前 

JS中的indexOf()方法在可用于查找字符在字符串和数组的位置。一、字符串的使用。var str = '12345678';console.log(str.indexOf('1')); // 返回0console.log(str.indexOf('4')); // 返回3console.log(str.indexOf('9')); //&


如何实现js上传图片本地预览同时支持预览截图的功能

 jQuery/js  高蒙  阅读(15423)  评论(9)  js cropper.js 截图  6个月前 

在项目中经常会用到js上传图片本地预览的效果,同时需要在预览图上直接预览截图的范围。下面是我写的简单的demo,是用js结合cropper.js模拟实现此项前端的功能,后台则不考虑。准备:引入文件:<link rel="stylesheet" href="http://static.shuchengxian.com/css/cropper.min.css"><script src="http


嵌套iframe框架之间的跳转或刷新新页面

 jQuery/js  高蒙  阅读(732)  评论(0)  iframe  7个月前 

项目中使用iframe嵌套多层,在最底层的iframe框架中我需要跳转或者刷新最顶级的页面。这个时候就需要使用top.location.href即可。那么下面还介绍几种iframe页面的跳转方法,以便以后查阅。"window.location.href"、"location.href"是本页面跳转  "parent.location.href":是上一层页面跳转 "top.location.href&quo


简单好用,极易上手的图片截取截图插件cropper.js

 jQuery/js  高蒙  阅读(1608)  评论(0)  cropper.js 截图 截图插件  7个月前 

项目中需要配合以图搜图功能,于是呢,就需要相应的截图程序功能。市面上现在有很多的图片截取插件。今天,我结合自身的使用经历。看看cropper.js如何轻易上手,完成图片截图功能。演示地址:https://fengyuanchen.github.io/cropperjs/github地址:https://github.com/fengyuanchen/cropperjshtml:<img id="cropTestImg" src="图片地


如何解决javascript获取隐藏元素宽高的方法

 jQuery/js  高蒙  阅读(566)  评论(0)  javascript 隐藏 元素宽高  7个月前 

在实际操作中,我们往往需要新隐藏某些元素,当使用javascript点击或者其他操作的时候,才予以展示。一般我们都是设置其属性为display:none。那么,有个问题来了,就是当触发某个事件的时候,需要获取其宽高,进行居中展示,或者计算设置样式的像素值时,此时会意外的出现获取不到元素的宽高。当我刚遇到这个问题时候,也是懵了一下。还好,最后是解决了javascript获取隐藏元素宽高的问题。那么,举例说明,如下:<button>点我显示隐藏</button><d


如何用js判断图片地址是否正确

 jQuery/js  高蒙  阅读(442)  评论(0)  远程图片 js  7个月前 

项目中需要前端判断远程图片是否存在的功能需求,于是找到了以下的js方法,不是很完美,但是至少也不失为一种方法,思路。function CheckImgExists(imgurl) {var ImgObj = new Image(); //判断图片是否存在    ImgObj.src = imgurl;//没有图片


js实现鼠标移动放大图片功能

 jQuery/js  高蒙  阅读(662)  评论(2)  js 图片 放大  9个月前 

在项目需要实现用js实现鼠标移动放大图片功能。如下图:通过上图可以发现几个要求:1、图片始终要贴底边展示。2、第一张需要向右侧展示,其他则反之。不然会出现撑破浏览器最大的宽度,出现滚动条。具体的实现代码如下:样式:<style>#tooltip {position: absolute;display: none;width: 550px;height: 550px;background-color: white;box-


解决jQuery ajax动态新增节点绑定多个事件无效的问题

 jQuery/js  高蒙  阅读(549)  评论(1)  ajax 事件 无效  9个月前 

用jQuery调用ajax动态写入节点的时候,需要同时绑定多个事件,比如鼠标的移入、移出、移动的事件。单个事件:$('#id').on('mouseover',function(){});多个事件:<script>    $(document).on({        mouseover: function(e){}


整理使用ajax开发搜索功能中遇到的问题以及解决的方法

 jQuery/js  高蒙  阅读(684)  评论(1)  ajax 搜索功能  9个月前 

本文旨在记录开发搜索功能模块中,遇到的问题和解决方法以及思考。由于本模块是基于ajax方式加载,所以大部分都是javascript代码。开始的想法是,用ajax方法编写,第一用户体验好,第二顺便熟悉加强一下javascript。不知者无畏,在接下来的开发中,就遇到了一些列的问题。下面进行整理,分析,便于以后查阅,吸取经验。1、如何记录当前页?当前页刷新如何保持在当前页?用过ajax分页的小伙伴们,都知道,使用ajax进行分页的时候,地址栏的链接是不会变化的。这就牵涉到一个问题,当我们刷新当前页的


如何用jquery.qrcode.js插件在线生成二维码

 jQuery/js  高蒙  阅读(718)  评论(2)  二维码 jquery jquery.qrcode.js  11个月前 

在之前的一篇文章中我介绍了用php怎么生成二维码,今天我要说的是用jquery.qrcode.js前端生成二维码。jquery.qrcode.js是一个纯浏览器生成QRcode的jQuery插件,它使用非常简单,生成的QRcode无需下载图片,并且不依赖第三方服务。实在是挺好用的。官网地址:https://larsjung.de/jquery-qrcode/其实在官方的API已经说的很清楚了,我这里只是做个简单的案例。<div id="container"&g


jquery.cookie.js插件的使用以及注意事项

 jQuery/js  高蒙  阅读(610)  评论(0)  jquery jquery插件 jquery.cookie.js  11个月前 

jquery.cookie.js插件是客户端的jquery-cookie插件,可以很方便的设置cookie缓存。设置简单,操作方便。一、注意事项:自己在动手操作的时候还是遇到一点问题,比如出现cookie设置不成功获取失败,请注意下面的细节。1、在设置cookie的时候,要设置好path和domain。避免在获取的时候,出现失败。2、在删除cookie的时候,也要带上path和domain。同时在赋值的时候,可以用空字符串代替null去删除cookie。因为在获取的时候,它会是null,这个我觉


解决webUploader上传文件无法捕获error错误的问题

 jQuery/js  高蒙  阅读(2667)  评论(2)  webUploader error  11个月前 

在使用webUploader插件的时候,当不满足上传条件的时候,没有error提示,也不报错。通过console.logo();也捕捉不到error错误信息。官方API中提到error的事件可以获取到当validate不通过时,会以派送错误事件的形式通知调用者。那么我们看正确的写法是怎么实现的? // 判断文件出错uploader.onError = function( code ) {  &nbs


Copyrights © 2016-2017 高蒙个人博客 www.shuchengxian.com, All rights reserved. 皖ICP备15015490号 皖公网安备 34152302000022号网站地图

关键词:个人博客,PHP博客,PHP博客程序,高蒙博客,高蒙个人博客,php程序员博客,程序员个人博客