展开菜单

javascript判断所有图片是否加载完成

由于load()事件在1.8版本中被废弃,因此前面的jquery判断多张图片是否加载完成代码(兼容IE)代码只能在jQuery低版本下使用,下面的判断所有图片是否加载的函数代码基于原生javascript代码,兼容大部分浏览器。 函数代码: function loadImg(arr) { var newimages = []; var arr = (typeof arr != 'object') ? [arr] : arr; for (var i = 0; i < arr.length; i++) { newimages[i] = new Pro...

javascript实现浏览器全屏显示和退出全屏代码

浏览器内置全屏浏览网页的功能,通过键盘快捷键F11可以进入全屏模式,而在网页端则可以通过js代码使用requestFullScreen()方法进入浏览器全屏浏览模式,使用exitFullScreen()方法退出浏览器全屏浏览模式。最低支持IE11浏览器。 进入全屏 requestFullScreen()方法 发出一个使元素进入全屏状态的异步请求,进入全屏状态成功,那么会触发document对象的fullscreenchange事件,失败则会会触发document对象的fullscreenerror事件。 注意: 包含在...

jquery当前月份日历带预约选择功能代码

jquery当前月份日历带预约选择功能代码

jquery代码显示当前月份的日历,设置可预约、约满、闭馆三种状态样式,可预约状态的日期可以点击并获取日期。 效果参考下图: HTML代码: <div class="order"> <div class="canlendar"> <div id="tile"></div> <div id="calendar"> </div> <div class="btn"> <a href="javascript:void(0...

jquery判断多张图片是否加载完成代码(兼容IE)

使用load()方法可以判断图片是否加载完成,但每次只判断一张图片,如果是判断多张图片是否加载完成,那么就需要写多几行代码。下面代码在jquery 2.2.4版本测试可用。 参考代码: function imgLoad(){ $.ajaxSetup ({ cache: false });//兼容IE var _img = $('.getimg img'); var _imgNum = _img.length; if(_imgNum > 0){ _img.on('load',function() { ...

jquery判断鼠标上下滚动插件jquery.mousewheel.js

mousewheel.js是一个delta规范化、跨浏览器监听鼠标上下滚动的jquery插件,支持IE6+、Firefox、Chrome、Safari浏览器。 通过mousewheel.js插件可以判断鼠标滚轮是向上还是向下滚动、往左还是往右滚动,插件支持mousewheel和unmousewheel,通俗地理解即启用插件功能和关闭插件功能的意思。 插件Github主页:https://github.com/jquery/jquery-mousewheel 使用插件功能: 方式一:使用on调用 // using on $('#el...

chrome插件:网站性能检测工具lighthouse

chrome插件:网站性能检测工具lighthouse

chrome浏览器扩展程序lighthouse可以检测网页的质量,分别针对网页的Performance、Accessibility、Best Practices、SEO进行检测评分,并给出相应的优化建议,方便站长优化网页的加载速度、搜索引擎排名等。 Performance - 性能检测,如网页的加载速度、响应时间等 Accessibility - 铺助检测,如网页的可访问性问题,HTML代码标签之类的优化等 Best Practices - 实践性检测,如网页安全性,如是否开启HTTPS、网页存在的漏洞等 SEO ...

chrome浏览器form表单input自动填充背景颜色的问题

Chrome浏览器下form表单,点击input输入框选择输入记录自动填充时,输入框背景颜色会改变,这是chrome浏览器内置的表单自动填充背景颜色,查看元素后找到相关css样式如下: input:-internal-autofill-previewed, input:-internal-autofill-selected, textarea:-internal-autofill-previewed, textarea:-internal-autofill-selected, select:-internal-autofill-previewed, sele...

使用javascript把阿拉伯数字转换为中文数字文字

阿拉伯数字0、1、2、3、4、5、6、7、8、9,中文数字一、二、三、四、五、六、七、八、九、十,使用js脚本代码,把列表中的阿拉伯数字序号替换为中文数字文字。 转换函数代码: function toChinesNum(num){ let changeNum = ['零', '一', '二', '三', '四', '五', '六', '七', '八', '九']; //changeNum[0] = "零" let unit = ["", "十", "百", "千", "万"]; num = parseInt(num); let ...

Firefox浏览器提示:源映射错误:Error: NetworkError when attempting to fetch resource.

引用一些js脚本文件时,火狐浏览器Firefox出现了源映射错误提示,比如jquery.min.js,提示内容如下: 源映射错误:Error: NetworkError when attempting to fetch resource. 源 URL:http://www.neirong.org/jquery.min.js 源映射 URL:jquery.min.js.map 原因: 这是由于缺少对应的映射文件(sourcemap file)导致的。 解决方法: 方法一:删除调用代...

CSS3实现歌词进度文字颜色填充变化动态效果

CSS3实现歌词进度文字颜色填充变化动态效果

播放音乐时,歌词会随歌曲的进度逐渐填充颜色,不是逐字改变颜色,而是从左向右横向逐个像素改变的,也就是说会出现一个字的左右两边是不同颜色的效果。 这个效果通过CSS3可以实现。 实现思路: 1、background填充一个背景颜色,以及要变化的颜色 2、-webkit-background-clip:text;裁剪出文字的背景,即是楼空文字的意思 3、-webkit-text-fill-color:transparent;把裁剪缕空的文字弄透明,这样就可以通过缕空的形状看到背景颜色,这时背景颜色就是字体的颜色 ...

jquery设置指定value值的select下拉选中状态

定义一个value,在select下拉选项选中与该值相同的option,设置为选中状态。 html代码 <div class="setSelect"> <select> <option value="1">阿里云</option> <option value="2">腾讯</option> <option value="3">网易</option> <option value="4">百度</option> </s...