分类 WEB前端 下的文章

jQuery图片裁剪插件Cropper

Cropper:一个简单的jQuery前端图片裁剪插件。功能特性:支持选项支持方法支持事件支持触屏 (移动端)支持缩放支持旋转支持翻转支持 canvas支持多个 croppers跨浏览器支持主要文件Main:dist/├── cropper.css     ( 5 KB)├── cropper.min.css ( 4 KB)├── cropper.js      (67 KB)└── cropper.min.js  (24 KB)使用介绍:略已知问题:1.关于getCroppedCanvas方法:canvas.drawImage API 在某些 Mac OS / iOS 浏览器上将会根据...

继续阅读 »

jquery web流程图拖拽构建

js/jquery实现流程拖拽,js/jquery实现web流程设计器,js/jquery动态流程图构建实现意义:管理员可以随时根据企业的运营发展情况便捷动态调整企业的组织架构(审批)流程、可视化流程建模,通过流程设计器,快速通过“拖、拉、拽”实现流程定义建模,通过流程监控实时分析流程实例的运行数据分析,提供企业流程的不断优化的依据,同时智能流程版本管理功能,当流程变化较大时旧的实例按旧的流程定义运转,新启动的流程按新版本的流程运转,新旧隔离互不影响。从而降低系统维护人力投入及维护时间。正文:JQuery UI的拖拽功能:JQuery UI是JQuery官方支持的WebUI 代码库,包含底层交互、动画、特效等API,并且封装了一些Web小部件(Widget)。同时,JQuery UI继承了jquery的插...

继续阅读 »

jQuery甘特图开发基础

jQuery.Gantt插件是一个非常轻量级的插件,使用纯HTML代码创建甘特图,不需要矢量图形或图像。插件支持拖拽调整甘特块和回调函数更新数据。关于使用场景的很少案例:项目管理排期、广告系统排期等,欢迎补充【参考文献】jQuery.Gant:http://taitems.github.io/jQuery.Gantt/https://github.com/thegrubbsian/jquery.ganttView

继续阅读 »

网页字体图标锯齿问题

##### 当网页中的字体图标缩小时可能会遇到部分图标存在锯齿现象,可以通过CSS3属性webkit-text-stroke-width设置对象文字描边厚度进行简单处理: ```css //消除锯齿 -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-stroke-width: 0.2px; ``` **未添加除锯齿样式 和 添加除锯齿样式后的前后对比:** ![](https://www.fity.cn/usr/uploads/2018/08/20180802033101_86097.jpg) **PS:**webkit-text-stroke是居中描边 -...

继续阅读 »

php生成多级目录函数

php生成多级目录的方法函数.function mkdirs($dir){     return is_dir($dir) or (mkdirs(dirname($dir)) and mkdir($dir,0777));   }  函数说明:(1)函数:bool is_dir ( string $filename )功能:判断给定文件名是否是一个目录,如果文件名存在并且为目录则返回 TRUE。如果 filename 是一个相对路径,则按照当前工作目录检查其相对路径。注: 本函数的结果会被缓存。更多信息参见 clearstatcache()。(2)函...

继续阅读 »

js判断是否是手机或移动设备访问

js判断是否是手机访问,js判断是否移动设备,使用navigator.userAgent.toLowerCase()判断移动端类型,js简单判断设备var ua  = navigator.userAgent.toLowerCase();  if(ua.indexOf('android') != -1 || ua.indexOf('iphone') != -1 || ua.indexOf('ipad') != -1){ //判断是否移动设备    alert('手机');  }el...

继续阅读 »

js/jQuery监听网页回车事件 form表单提交

使用js/jQuery监听回车事件, 在特殊情况下我们可能需要通过js监听网页回车事件进行提交form表单参数达到特定目标,本文主要介绍js或jQuery监听网页回车事件或元素容器内回车事件.jQuery监听网页回车:$(document).keyup(function(e){      var curKey = e.which;       if(curKey==13){          //具体操作处理方法   &...

继续阅读 »

discuz memcache+ssrf GETSHELL漏洞解决方案

discuz memcache+ssrf GETSHELL漏洞解决方法,进入论坛后台性能优化模块查看是否支持memcache,如果支持再查看是否开启,如果不支持的论坛,可以选择忽略本文。漏洞信息:漏动来源:阿里云云盾漏动名称:Discuz memcache+ssrf GETSHELL漏洞漏动描述:Discuz存在SSRF漏洞,在配置了memcache的情况下,攻击者可以利用ssrf通过memcache中转,向磁盘上写入WEBSHELL恶意代码,从而造成数据库泄漏;解决方法:打开/source/function/function_core.php搜索$content = preg_replace($_G['setting']['output']['preg']['search'],&nb...

继续阅读 »

js拉幕广告代码

##### js拉幕广告代码,拉幕广告js代码,网页拉幕广告 ```html slide html,body{ width:100%; height:100%; margin:0px; border:0px; text-align:center; } div{ margin:auto; overflow:hidden; } function tag(obj){ return document.getElementsByTagName(obj)[0]; } window.onload=function(){ setTimeout("slideUp();",1000); } function slideUp(){ ...

继续阅读 »

批量删除/复原 批量选中js

**批量删除 批量复原js jquery** ```javascript function chkbox(){ $('#delButton').show(50); } function checkNews(){ var chckBoxSign = document.getElementById("newsChk"); //newsChk 全选/反选的选择框id var chckBox = document.getElementsByName("newsBoxChk"); //所有的选择框其name都是newsBoxChk var num = chckBox.length; if(chckBoxSig...

继续阅读 »

手机号码格式验证正则[2018更新]

**js jquery验证手机号码格式是否正确(新)** ```javascript function checkPhone(){ var phone = document.getElementById(‘phone’).value; if(!(/^1[3456789]\d{9}$/.test(phone))){ alert(“手机号码有误,请重填”); return false; } } ``` **PHP验证手机号码格式是否正确(新):** ```php ** * 手机号码验证 * @param $mobile 手机号码 * @return false/true ...

继续阅读 »

ul菜单居中_水平居中css样式

ul li导航菜单居中/水平居中css样式。这个方法较简单,是将容器转成`display:inline-block`行内块级元素,然后就可以直接用`text-align:center`使其达到水平居中效果,也是推荐的方法。 示例ul导航菜单HTML代码: ```html 首页 … ``` CSS样式代码: 给外面的div添加`text-align:center`,然后将菜单容器设成`display:inline-block`行内块级元素,菜单浮左`float:left` ```css .nav {text-align:center;} .nav ul {display:inline-block;} .nav li {...

继续阅读 »

带动态时间/公历/农历日期的js效果代码

##### 显示动态时间 公历 农历日期的js效果代码 **效果图** ![](https://www.fity.cn/usr/uploads/2015/08/1440406473_4591f802.png) ##### HTML & Javascript代码 ```html ``` ```javascript //日历 var CalendarData=new Array(20); var madd=new Array(12); var TheDate=new Date(); var tgString="甲乙丙丁戊己庚辛壬癸"; var dzString="子丑寅卯辰巳午未申酉戌亥"; var numString="一二三四五六七八九十"; ...

继续阅读 »

jQuery error()替换载入错误的图片

jQuery error()替换载入错误的图片error()函数当元素遇到错误(没有正确载入)时,发生 error 事件。error() 方法触发 error 事件,或规定当发生 error 事件时运行的函数。提示:该方法是 bind('error', handler) 的简写方式。示例:如果图片不存在,则用预定义的图片取代它:$('img').error(function(){              $(this).attr('src', "static/no_pic.gif");   });  

继续阅读 »