web前端
关注
分享
扫一扫
sloafer
这个作者很懒，什么都没留下…
展开
-
百度分享按钮代码
百度分享官网已经获取不了了,但是这些按钮功能还在.下面直接把代码放出,有需要的同学可以直接复制第一种:按钮式:<div class="bdsharebuttonbox"> <a href="#" class="bds_more" data-cmd="more"></a> <a href="#" class="bds_qzone" ...转载 2020-04-17 10:05:18 · 4393 阅读 · 2 评论 -
CKeditor+CKfinder上传中文命名图片或文件乱码红叉自动重命名解决方案
3.0版本以前：CKfinder上传图片的时候，文件名含有汉字将会乱码，导致图片不可用，显示为红叉叉。解决方法就是修改CKfinder的命名方式（我的版本是ckfinder_php_1.4.2）——打开FileUpload.php文件，该文件位于：ckfinder\core\connector\php\php5\CommandHandler\FileUpload.php在大约...原创 2020-01-13 08:49:45 · 634 阅读 · 0 评论 -
响应式bootstrap3模态框垂直居中的方法终于找到一个能用的
$('#youModel').on('shown.bs.modal', function (e) { // 关键代码，如没将modal设置为 block，则$modala_dialog.height() 为零 $(this).css('display', 'block'); var modalHeight=$(window).height() ...转载 2019-11-29 10:25:04 · 198 阅读 · 0 评论 -
好用的文字左右两端对齐CSS
text-align: justify;text-align-last: justify;转载 2019-11-27 15:15:24 · 365 阅读 · 0 评论 -
placeholder.js让低版本的IE兼容表单的placeholder属性
IE10以下的浏览器不支持表单的placeholder属性。如果你的ＩＥ是10以下的版本，那么你用这个属性的时候，在３６０浏览器兼容模式下也是不会显示默认提示文字的。如果页面中有少量的表单就用解决方法１：ＪＳ解决：<input name="keywords" id="keywords" type="text" value="请输入关键词" onfocus="if(this.v...原创 2019-06-28 10:28:30 · 285 阅读 · 0 评论 -
Layer弹出表单iframe层，提交表单后关闭当前层并刷新父页面
例如点击在线询盘，点击后弹出窗口，只有在提交信息成功后，先关闭弹出的层，然后再回来刷新这个列表页。//iframe层layer.open({ type: 2, title: '弹出窗口', shadeClose: true, shade: 0.8, area: ['680px', '600px'], content: '弹出窗口的url地址', //ifra...原创 2019-04-17 11:33:10 · 2552 阅读 · 0 评论 -
css两端对齐不起作用?真正可用的CSS文字两端对齐
最近在工作项目中接触到Web界面设计的问题，要实现文字两端对齐的效果。在网上搜索了一下，差不多都是互相转帖，用的都是类似的技巧：text-align:justify;text-justify:inter-ideograph;但问题是，我怎么就看不到效果呢？无论是英文还是中文，在IE和chrome下都不起作用。后来，终于在StackOverflow上找到解决方法了。CSS代码:...转载 2019-04-13 09:05:31 · 3349 阅读 · 1 评论 -
解决锚点链接跳转到新页面因为固定导航栏而因起的内容遮挡问题
从页面A通过锚点链接#btn跳转到页面B的时候，因为页面B的顶部导航栏是固定的。所以会导致上部元素会被导航栏遮挡一部分内容。所以需要通过JS判断一下如果是通过锚点链接点击过来的，将页面设置一定的偏移。if (window.location.hash.indexOf('#') >= 0) { $('html,body').animate({ scrollTop...转载 2019-03-19 11:38:07 · 3562 阅读 · 0 评论 -
layui父级页面获取弹出页面中的数据失败
按照网上的教程：// 选择用户 function selectUser() { layer.open({ type: 2, title: '选择用户', shadeClose: true, shade: 0.8, ...原创 2019-03-18 16:31:15 · 1233 阅读 · 1 评论 -
jquery 怎么实现展开和收起按钮之间的切换的同时改变按钮文字
点击一个按钮，输入就弹出来，按钮也随之改变，再点击就收起输入框，按钮就变回之前那个jQuery的 toggle() 方法来切换元素的显示和隐藏：显示被隐藏的元素，并隐藏已显示的元素，从而实现上述功能。实例演示：点击按钮出现输入框，同时改变按钮的说明文字，再次点击按钮则隐藏输入框，按钮回到原始状态。如此循环。HTML代码:<div class="box"> &l...转载 2019-03-15 16:09:03 · 862 阅读 · 0 评论 -
使用jquery.cookie.js的注意事项以免创建的cookie删除不掉
一、创建cookie:1.创建一个会话cookie：$.cookie(‘cookieName’,'cookieValue’);注：当没有指明cookie时间时，所创建的cookie有效期默认到用户浏览器关闭止，故被称为会话cookie。2.创建一个持久cookie：$.cookie(‘cookieName’,'cookieValue’，｛expires：7｝);...转载 2019-03-15 11:57:13 · 233 阅读 · 0 评论 -
使用onclick跳转到其他页面/跳转到指定url
☆如果是本页显示可以直接用location,方法如下： ①onclick="javascript:window.location.href='URL'" ②onclick="location='URL'" ③onclick="window.location.href='URL?id=11'"☆如果页面中有frame可以将在location前面添加top.mainframe.f...转载 2019-03-15 09:34:24 · 7903 阅读 · 0 评论 -
Fullpage指定某一屏内容不垂直居中
在使用fullpage的时候,最后一屏一般放版权信息等,高度通过自定义后,会不满一整屏.如下图:至于怎么定义Fullpage最后一屏自定义尺寸,请参照:https://blog.youkuaiyun.com/sloafer/article/details/79135916这个时候会产生一个问题:如果把verticalCentered:false,设置为false的话,其它整屏的内容就不会自...原创 2019-01-16 15:41:37 · 839 阅读 · 0 评论 -
原生PHP实战PHP+Layui上传文件
第一步:在form表单中增加文件上传按钮:如果要使用layui的按钮样式,需要先引入layui的CSS文件 <link rel="stylesheet" type="text/css" href="skins/layui/css/layui.css"><input name="file" type="text" class="itext&原创 2019-01-18 16:38:28 · 3020 阅读 · 0 评论 -
jquery分页插件jpages参数说明－jpages使用笔记
一：jpages使用方法：1:引入必须文件<link rel="stylesheet" href="jPages.css"><script type="text/javascript" src="jPages.js"></script>如果你想使用Animate.css动画你还需要添加的文件：<link rel="styleshee...原创 2019-04-15 09:11:29 · 2056 阅读 · 0 评论 -
Jpage分页结合Superslide选项卡实现一个页面同时放多个带分页的切换
人上一百，形形色色，最近遇到了一个奇葩的客户，一定要在首页展示所有产品分类并且可以切换还可以分页浏览。虽然咱们理解不了高人的想法。但为了生活，还是要硬着头皮去把这个效果给实现了。最终效果如下图：这种情况要同时使用选项卡插件和Jpage插件了。处理思路：用模板标签循环输出“容器1分页1”，“容器2分页2”，“容器3分页3”（各种CMS都有提供了不同的方法）这样的结构。然后再利用...原创 2019-04-15 10:04:49 · 970 阅读 · 2 评论 -
使用选项卡时嵌套优酷土豆视频同时播放的问题解决
背景：使用选项卡切换，每个切换内容中插入一个优酷视频，点击开始播放其中一个视频时，再切换到另一个选项卡播放另一个视频时，之前播放的那个视频不会停止，仍然在播放，这样就造成了多个视频在同时播放，画面虽然可以正常切换，但是声音混在一起。解决思路：切换到当前选项卡时，通过ＪＳ把其它的选项卡内容里面的优酷地址清空，切换到哪个选项卡再把当前的内容里面的优酷地址加上。HTML代码部分：<d...原创 2019-05-23 08:46:20 · 265 阅读 · 0 评论 -
今天终于知道了如果用layero获取layer弹窗中的子元素了
通过layer弹出的ifram。想要获取里面的元素并且绑定相应的事件。以前一直不知道layero是什么意思。可以通过下面的代码自己体会一下layer.open({ type: 2, title: '文件管理', shadeClose: true, shade: 0.8, area: ['70%', '60%'], content: ur...原创 2019-09-09 17:48:49 · 13113 阅读 · 1 评论 -
jquery去除字符串首尾的特殊符号根据自己的需要指定
去除首尾的空白和空格可以直接使用jquery的trim方法。但是trim方法不能去除首尾的其它字符。我的字符串是通过逗号连接起来的。删除其中一个元素的时候就有可能在首尾产生多余的逗号。这种情况只能使用正则表达式来解决了。var newvalue = newvalue.replace(/(^,)|(,$)/g,'');//删除首尾的逗号//把其中的^,和,$这两个中的逗号替换成...转载 2019-09-09 17:43:51 · 3307 阅读 · 0 评论 -
Jquery获取动态append的html中的元素并绑定点击事件
点击按钮添加一行，或者点击按钮添加一个新的输入框，或者点击按钮添加一个新的div元素。我们都要使用jquery的html方法往特定的div里面动态添加元素。如果在动态添加的元素中还需要绑定其它事件。可以使用下面的代码：$(".imgbox").on("click",".shanchu-btn",function(){ //这里做你的操作});其中.imgbox是已经存在的静态的di...原创 2019-09-09 17:40:02 · 1517 阅读 · 0 评论 -
使用layui框架时select监听的那些坑：无法监听change事件
坑１：使用layui框架,select无法再正常使用change监听下拉选择事件坑２：使用layui框架自身监听，无论select是否两次选择的同一值，也就是无论select的值有没有变化，都会触发监听事件。从头到尾：layui框架对select表单代码又进行了二次渲柒，所以无法使用普通的监听。那要怎么监听呢？<select lay-filter="demo">...原创 2019-09-05 14:56:26 · 9190 阅读 · 2 评论 -
jquery控制checkbox之后checkbox本身就无法选中反选的问题
花了大半天才搞懂，原来把checkbox放在div里，点击checkbox时，既触发了div，又触发了checkbox，折腾了半天总算搞定了，其实就加上一句判断，当前的不是checkbox即可，event.target != $(this).find(":checkbox")[0]。HTML代码：<div class="fileitem wenjianjia"> &l...转载 2019-08-28 17:28:58 · 357 阅读 · 0 评论 -
FCKeditor编辑器去掉img自动加style宽高
背景:使用Fckeditor的时候,上传图片后总是会自动添加上宽高,在响应式网站中使用很不方便.一直很受这个问题的困扰.今天终于找到了一个解决方法 :很早以前使用织梦的时候,我就曾经发过一个这样的问题在论坛里.但是使用网友们提供的答案解决不了问题.经过一系列的总结:得出一个结论不同版本的编辑器解决方法 是不一样的!!!!这种版本的:修改fckeditor/editor/...原创 2019-07-23 11:09:24 · 253 阅读 · 0 评论 -
关于直接在网页中插入mp4视频实际应用中经历的那些事儿
一：实现点击图片任意位置可播放视频。大家都知道，如果直接用Video标签插入视频的话，直接点击画面是不能实现播放功能的。只能用controls属性为视频加上控制栏，点击控制栏中的播放按钮才可以播放。但是设计师又偏偏喜欢在视频的位置放一个带播放按钮的图片。如下图：怎么实现点击那个图片就可以播放视频呢？这里要用到一个插件。下载地址接下来在页面中用下面代码来插入视频。经过测试，通过...原创 2019-07-30 10:11:16 · 4628 阅读 · 0 评论 -
Bing翻译代码
放到页面中需要的位置即可<!--必应翻译--><div id='MicrosoftTranslatorWidget' class='Dark' style='color:white;background-color:#555555'></div><script type='text/javascript'>setTimeout(functi...转载 2019-07-19 09:30:30 · 924 阅读 · 0 评论 -
Jquery ajax方法解析返回的json数据读取undefined的解决办法
最近在用jquery的ajax方法传递接收json数据时发现一个问题，那就是返回的data数据，有时候可以直接作为json数据使用，具体元素可以用data.name获取。可有时候又不行。直接显示undefined。这简直就是一个坑啊。网上查了些资料,解释如下:$.ajax({ url: ajaxurl, type: "POST", success: function(data)...转载 2019-06-21 11:16:09 · 3208 阅读 · 1 评论 -
PHP企业网站产品中心常见数据筛选(AJAX多条件综合筛选)
PHP企业网站产品中心常见数据筛选(AJAX多条件综合筛选)，多条件筛选是很多企业网站常用的效果．小白自己写了一个．不要笑话．先上一张效果图：ＨTML代码部分:<div id="shaixuan_box"> <dl canshu_name="leixing"><dt class="yuanjiao5">类型</dt>&原创 2019-01-07 16:32:12 · 1274 阅读 · 0 评论 -
Jquery遍历表单并验证字段必填并ajax提交到php处理
写在前面：我是一个纯菜鸟，我不会用serializearray来序列化表单数据．可能是因为水平太菜，我总感觉用serializearray这样的提交方式，搭配THINKPHP之类的框架是非常爽的提交方式，但是对于我现在用的原生的PHP系统来说．接收后还需要再进行json对象数据处理，显得非常麻烦．所以我只用最简单的方式来处理自己的问题．应用场景：当同一个页面有多个form表单时(没办法，公...原创 2018-12-25 12:01:32 · 901 阅读 · 0 评论 -
使用video.js时,iframe内嵌视频无法全屏的问题
为iframe添加allowfullscreen属性即可, 如下所示<iframe src="video.html" frameborder="0" width="100%" height="100%" scrolling="no" allowfullscreen="true" webkitallowfullscre转载 2018-05-04 14:55:51 · 3668 阅读 · 1 评论 -
jQuery获取select中选中的option的值和自定义属性的值
//通过绑定change事件，当下拉框内容发生变化时事件被启动$("#wlms").bind("change",function(){ //获取被选中的option的值 var miaoshu = $(this).val(); //获取自定义属性的值 var bianhao = $(this).find("option:select...转载 2018-03-05 17:09:12 · 1526 阅读 · 0 评论 -
鼠标滚动监听并且给锚点加class类
JS部分：$(function(){ $(window).scroll(function(){ //为页面添加页面滚动监听事件 var wst = $(window).scrollTop() //滚动条距离顶端值 for (i=1; i<6; i++){ //加循环 if($("#a...转载 2018-03-05 15:56:45 · 2245 阅读 · 4 评论 -
JQuery简单实现锚点链接的平滑滚动(一段代码控制所有锚点)
$(function(){ $('a[href*=#],area[href*=#]').click(function() { if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) { ...转载 2018-03-05 15:54:52 · 949 阅读 · 0 评论 -
FLASH透明在360浏览器遨游浏览器等极速模式下失效解决办法
360浏览器极速模式、遨游浏览器、firefox等浏览器 flash无透明了！ 这个参数生效了！因为默认是极速模式！所以用户体验非常差！请问如何解决？ 有相当的朋友可能都遇到过这样的问题，当把FLASH背景设置成透明的时候通常做法都是直接在代码中加入WMODE属性：wmode=”transparent” 打开IE查看效果对了，这个时候你是不是觉得没有问题了，其实如果你细心的话会发现转载 2018-02-02 17:09:29 · 960 阅读 · 0 评论 -
jQuery中setInterval()方法控制自动切换选项卡成功
直接上代码：这段是常用的选项卡函数代码jQuery.jqtab = function(tabtit,tab_conbox,shijian) { $(tab_conbox).find("li").hide(); $(tabtit).find("li:first").addClass("thistab").show(); $(tab_conbox).find("li:fir原创 2018-01-09 12:44:15 · 3072 阅读 · 0 评论 -
Jquery数字动画插件标记一下
jQuery.Running.js这一款插件在数字跳转效果方面不是很好.需要等大数字跳动完毕后才会直接显示小数字.但是这一款插件可以做动态进度条和圆形饼状图可能什么时候会用到先收一下.演示地址:http://www.qietu.com/p/jquery.running.js/jquery.countup.min.js这个插件在数字跳动方面感觉效果转载 2018-01-31 16:34:05 · 630 阅读 · 0 评论 -
Fullpage.js底部高度自定义fp-auto-height样式无效的解决方案
近期用到Fullpage.js．底部不需要整屏，搜了很多．都说在底部区域加上fp-auto-height这个ＣＳＳ样式即可．试了一下不行．终极解决办法：HTML部分: CSS部分：#section-footer{ background:#212020;}#section-footer #footer-text{ height: 15原创 2018-01-23 09:45:47 · 5349 阅读 · 8 评论 -
基于animate和fullpage制作动画页面的总结
$('#yourElement').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', doSomething);注：jQuery.one（） 最多执行事件处理一次。#yourElement { -vendor-animation-duration: 3s;/*动画执行时间转载 2018-01-22 22:15:52 · 2941 阅读 · 0 评论 -
input文本框中value值有双引号的问题
PHP解决方式：//对双引号进行转义$title=str_replace("\"",""",$title);//对单引号进行转义$title=str_replace("'",""",$title);将双引号转义后的内容显示在input文本框中,"在显示时，仍会显示为双引号原创 2017-10-14 08:45:25 · 4297 阅读 · 0 评论 -
CSS绘制1px边框表格
.table{ border-collapse:collapse; }.table th,.table td{ border:#ccc solid 1px; padding:5px 0 5px 15px;}转载 2017-09-22 15:31:50 · 1732 阅读 · 0 评论 -
jquery中当点击子节点时如何实现删除父节点的问题
父节点的class="a",子节点的class="b"，当点击子节点时删除父节点，在function remove(){}里怎么实现可以这样做： $('.b').click(function(){ $(this).closest('.a').remove()})试了很好用。...转载 2018-04-27 09:16:00 · 8636 阅读 · 0 评论