百度富文本web编辑器UEditor工具栏完整的按钮列表

UEditor编辑器除了默认显示出来的工具名称外,还可以增加更多的常用工具,下面是UEditor编辑器工具栏默认支持的完整的按钮列表,可以参考根据需求添加。 toolbars: [ [ 'anchor', //锚点 'undo', //撤销 'redo', //重做 'bold', //加粗 'indent', //首行缩进...
Web前端开发 / / 1106次阅读

TweenMax实现网页元素无缝循环跑马灯效果代码记录

炮马灯效果通过基础的js代码或HTML的marquee标签都能实现,如果想学习TweenMax插件不妨通过其跑马灯效果代码入手会比较容易理解。 1、下载插件:http://www.tweenmax.com.cn/source/ 把压缩后文件夹里的src/minified/TweenMax.min.js和src/minified/plugins/ModifiersPlugin.min.js文件...
Web前端开发 / / 1450次阅读
TweenMax实现网页元素无缝循环跑马灯效果代码记录

Javascript监控页面指定DOM所有图片是否加载完成的代码

实现监控检测网页所有图片是否加载完成的思路:把网页所有img定义成一个数组变量,再实例化一个Image对象,然后遍历前面的数组变量,把每个src逐个附值给Image对象src,再逐个通过onload事件判断图片是否加载完成。 扩展:ready是指DOM结构加载完成后执行,不包括网页上的图片等媒体元素;onload则是DOM结构和页面资源(图片、视频、flash等)全部加载完成后执行。所以判断图片是否加载完成要用onlo...
Web前端开发 / / 1575次阅读

JavaScript判断指定数字是否是小数的方法代码

js没有直接判断一个数字是不是小数的方法,但可以通过indexOf()方法来获取小数点的位置,通过返回值来判断是否是小数;或者通过js正则表达式的方式来判断是否是小数。 方法一:indexOf()方法判断是否是小数 function isDecimal(num){ if(String(num).indexOf('.') > -1){ return true; }else{ return...
Web前端开发 / / 2495次阅读

苹果手机Safari浏览器不支持CSS background-attachment属性的替代解决方法

在Web网页前端开发中使用background-attachment:fixed;样式设置背景图片固定时发现苹果手机浏览器Safari不支持CSS属性background-attachment,这着实有点意外,毕竟background-attachment是个比较老标准的CSS属性。既然不支持,那就只能使用替代方案了,比如可以通过固定定位样式position:fixed;实现。 代码很简单,CSS基础牢固的都能想到或者...
Web前端开发 / / 1905次阅读

javascript获取中文文字词组全拼和拼音首字母的代码

js汉字转拼音的代码在前面的《jquery实现淘宝APP收货地址地区联动选择效果》有发布过,这里单独记录代码的使用方法,如转全拼、提取首字母。 Javascript代码(代码比较长) /* --- description: Pinyin, to get chinese pinyin from chinese. license: MIT-style authors: Bill Lue requires:...
Web前端开发 / / 1146次阅读

slick.js插件实现监听video视频播放结束再自动轮播的代码

slick.js是常用的轮播图插件,监听video视频播放是常用的轮播模块效果。和SuperSlide.js插件、Swiper插件实现当前焦点有视频就暂停自动轮播,等视频播放结束再继续自动轮播的实现原理基本一样,就是先判断当前焦点是否有视频,如果有视频就调用暂停轮播的插件方法,使用addEventListener监听视频是否播放结束,然后再调用启用轮播的插件方法和立即播放下一屏的插件方法。 使用到的slick.js插件...
Web前端开发 / / 1651次阅读

javascript防止浏览器打开Web开发者工具查看或调试代码

不想网页被人通过浏览器审查元素或控制台调试网页代码,可以通过比较屏幕window.outerWidth和页面可见区域window.innerWidth的差距判断浏览器是否打开了Web开发者工具,如果检测到Web开发者工具被打就清空网页代码。 实现代码: ;(function () { 'use strict'; var devtools = { open: false,...
Web前端开发 / / 1718次阅读

超简单的隐藏overflow:scroll滚动条的css代码

目前为止还没有单个css样式属性来隐藏overflow属性的默认滚动条,需要针对不同浏览器使用不同的专属css样式属性或css伪类来实现。如对于webkit内核的浏览器Chrome、Safari等使用css伪类;Firefox火狐浏览器使用scrollbar-width属性;IE 10+浏览器使用专属属性-ms-overflow-style。 Firefox浏览器 scrollbar-width 允许开发者...
Web前端开发 / / 2135次阅读