![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web前端开发
xlb_123
好记性不如烂笔头……
展开
-
通过option的text动态设置下拉框选中
$(".select_FinancialDetail").find("option[text='" + financialDetailKey + "']").attr("selected", true); //jquery 的版本是1.9以下 $(".select_FinancialDetail option:contains('" + financialDetailKey + "')").attr("selected", true);//jquery更高的版本...原创 2020-12-14 15:51:56 · 351 阅读 · 0 评论 -
表格插件bootstrapTable中隐藏和显示某列及一些小注意点
html代码:<table id="docDateTable" class="table table-hover table-bordered" style="color: #000000"> <thead style="background-color: white"> <tr> <th data-f...转载 2020-03-06 14:16:01 · 2275 阅读 · 0 评论 -
js 去掉字符串前面的0
<script type="text/javascript"> var s='002345'; alert(s.replace(/\b(0+)/gi,""));</script>转载 2020-03-06 14:13:07 · 4666 阅读 · 2 评论 -
UEditor百度富文本编辑器--让编辑器自适应宽度的解决方案
UEditor百度富文本编辑器的initialFrameWidth属性,默认值是1000.不能够自适应屏幕宽度.如图1:刚开始的时候,我是直接设置initialFrameWidth=null的.效果如图2:这样子UEditor百度富文本编辑器会在第一次加载的时候获取屏幕宽度,然后赋值给initialFrameWidth属性.这样子确实是可以在第一次加载的时候适应屏幕宽度,但...转载 2020-03-05 16:12:12 · 1133 阅读 · 0 评论 -
js中new Date()存在的兼容性问题
问题:通过new Date()创建的时间对象在Chrome能正常工作,但在IE浏览器却显示NaN代码:1 var time = new Date(date + ' 00:00:00'); //NaN2 var timeStamp = time.getTime();分析: 原因在于代码date的格式为“yyyy-mm-dd”,这种格式在Chrome能被进行正确的...转载 2020-03-05 16:11:04 · 881 阅读 · 0 评论 -
bootstrap-table表格条件筛选,筛选出的结果在table里用红色字体标识关键字
//查询结果--关键字标识为红色 $("#ValueItemTable").on('post-body.bs.table', function () { var txtReportName = $("#ReportTempletelName").val(); var reg = new RegExp(tx...转载 2020-02-24 08:36:16 · 3114 阅读 · 0 评论 -
vue导航菜单选中切换样式
<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-...原创 2019-12-17 11:06:35 · 1673 阅读 · 0 评论 -
clipboard.js 实现动态获取内容并复制到剪切板
一个按钮实现先ajax请求,再实现复制功能:使用clipboard.js分为以下几个步骤:1.引入一个clipboard.js的文件;2.新建一个clipboard对象;3.点击按钮获取目标对象里面的内容,将其复制到剪切板。注意:1.目标对象不能display:none,隐藏之后无法复制,如果需要隐藏,可以设置opacity:0;摸索一番之后,还是如愿实现了项目所需的功能,...转载 2019-11-13 11:22:17 · 1049 阅读 · 0 评论 -
css表格(table)列太多,实现固定列,滚动条滑动
效果如下图所示。最左边的四列,以及最后一列为固定列。中间的为滚动列。具体实现思路:创建三个表格。左边四列为table1;中间多列为table2,右边四列为table3.<div style="width:17%;float:left;clear:both;"><table id="table1" width="100%"></table...转载 2019-10-15 11:30:40 · 7298 阅读 · 0 评论 -
html中map热点使用说明
area id="dongbei" alt="东北" href="" coords="x1,y1,x2,y2" shape="rect">coords参数设置热点区域的范围:如下面说明,中间的按钮就是热点区域的范围原创 2016-07-12 16:51:42 · 593 阅读 · 0 评论 -
为什么360浏览器兼容模式文档模式默认以ie7标准渲染
转载来自:http://blog.csdn.net/dkmings/article/details/51647811今天测试一个网站兼容性 用360兼容模式打开会出现一些问题 查看了 原来360兼容模式 默认是用IE7 来渲染; 解决方式很简单: 可以用meta http-equiv="X-UA-Compatible" content="IE转载 2016-08-03 15:27:07 · 1147 阅读 · 0 评论 -
html5答题活动
下载地址:http://download.csdn.net/detail/qq736150416/9641776原创 2016-09-28 09:27:10 · 1898 阅读 · 0 评论 -
css下拉框select自定义样式
注意:外层标签的宽度要大于下拉框的宽度标签: 套餐A 套餐B 套餐B 样式:.mask_box .styled-select {原创 2016-10-26 17:33:54 · 2568 阅读 · 0 评论 -
css无刷新改变地址栏参数
使用a的瞄标记,使用history.pushstate,不兼容ie浏览器原创 2016-11-08 10:52:58 · 311 阅读 · 0 评论 -
js实现下拉滚动加载数据
需要加hidhen标签: //下一页 //是否还有内容 //是否加载完 //排序字段js代码: $(function () { var cat_id = ""; var so原创 2016-07-01 10:21:12 · 1187 阅读 · 0 评论 -
js实现页面加载颜色渐变进度条
标签:div class="progress"> div class="progress-val" id="bar_width">100%div> div class="progress-bar"> span class="progress-in" id="bar" style="width:0%">span> div>div>样式表:原创 2016-10-27 14:02:56 · 2605 阅读 · 0 评论 -
html页面顶部提示在更高浏览器下面提示语
标签:div class="ie-tips">Sorry. 您使用的浏览器版本过旧,为了更好的访问体验,请升级浏览器至b>IE8以上b>,推荐使用a href="http://rj.baidu.com/soft/detail/14744.html?ald" target="_blank">Chrome谷歌浏览器a>a class="js-tip-close">关闭a>div>css:原创 2016-10-28 09:52:44 · 3057 阅读 · 0 评论 -
css 页面右侧悬浮窗口左右位置固定
之前写左右固定,直接写了一个right:多少px,发现当窗口变小之后,那个悬浮框会挡住页面,体验不好,找了一下,发现,有人这么写的:直接left:50%,再这个加上margin-left:就可以了,这样,右侧的悬浮窗距左边的距离就不会变了right_fbox {width:143px;height:349px;position: fixed;float: ri原创 2016-10-24 09:47:19 · 18915 阅读 · 2 评论 -
JS Html5拨打电话功能
转载自:http://blog.csdn.net/cheekis/article/details/41869953在做一个微信的微网站中的一个便民服务电话功能的应用,用到移动web页面中列出的电话号码,点击需要实现调用通讯录,网页一键拨号的拨打电话功能。如果需要在移动浏览器中实现拨打电话,发送email,美国服务器,调用sns等功能,移动手机WEB页面(HTML5)Java转载 2016-10-19 17:26:35 · 2540 阅读 · 0 评论 -
css移动页面使用rem
这个rem我这会才搞明白,查了好几个资料,又是计算公式之类的,看的都晕掉了rem是以fontsize为基准的 如果html的fontsize设置为16px 就相当于设定了1em=16px 比如你的一个div设置为 32px ,那就是2rem一般用js来:html lang="zh-CN" lang="zh-CN" class="no-js" id="html-lay原创 2016-10-19 15:36:32 · 378 阅读 · 0 评论 -
js判断ie浏览器版本号
var b_version=navigator.appVersion.split(";");var trim_version=b_version[1].replace(/[ ]/g,"");if((navigator.appName == "Microsoft Internet Explorer" && trim_version=="MSIE6.0")|| (navigator.app原创 2016-10-19 09:43:33 · 391 阅读 · 0 评论 -
JS windows.open打开窗口并居中
转载自:http://www.cnblogs.com/umlzhang/p/3660489.htmlfunction openWin() { var url='Add.aspx'; //转向网页的地址; var name='add';转载 2016-10-12 11:05:30 · 607 阅读 · 0 评论 -
jquery 滚动条 平滑滚动到顶部、底部、置顶位置
"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">html xmlns="http://www.w3.org/1999/xhtml">head> meta http-equiv="Content-Type" content="text/ht转载 2016-09-26 10:29:57 · 8248 阅读 · 0 评论 -
js微信分享到朋友圈 分享给朋友代码
引用:http://res.wx.qq.com/open/js/jweixin-1.0.0.jsjs代码: wx.config({ debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。 appId: "",原创 2016-09-06 09:56:31 · 1095 阅读 · 0 评论 -
jquery缩略图 大图滚动轮播
效果如图:html lang="zh-CN">head> meta http-equiv="X-UA-Compatible" content="IE=edge"> meta charset="UTF-8"> title>测试title> link href="css/common.css" rel="stylesheet" type=原创 2016-09-01 09:08:48 · 1084 阅读 · 0 评论 -
html编辑器,百度编辑器umeditor mini版
这个星期为了百度editor编辑器不兼容ie8,找了好久的问题 ,愣是本地ie8正常,网上就不显示,然后该试的方法都试了,最后同事找到了百度的umeditor,但是百度的mini版的已经不能下载了,幸好还有个地址可以下载,然后就调好了,谁知道那坑爹的兼容是怎么回事,反正已经解决了。。。。这个下载地址:http://ueditor.baidu.com/website/download.h原创 2016-08-18 15:15:39 · 1049 阅读 · 0 评论 -
css兼容性ie5/6/7/8的圆角
转载来自:http://www.jb51.net/css/78107.htmlborder-radius 圆角.radius{border: 1px solid #696;padding: 60px 0;text-align: center; width: 200px;-webkit-border-radius: 8px;-moz-border-radius:转载 2016-08-08 11:55:50 · 755 阅读 · 0 评论 -
css下拉框ie8下面文字居中
设置:padding:8px 0;转载 2016-08-05 14:23:23 · 512 阅读 · 0 评论 -
css兼容ie浏览器鼠标放大效果
jQuery鼠标悬浮图片放大特效$(function(){var imgWid = 0 ;var imgHei = 0 ; //变量初始化var big = 1.2;//放大倍数$(".banimg li").hover(function(){$(this).find("img").stop(true,true);var imgWid2 = 0;var imgH转载 2016-08-05 13:28:39 · 470 阅读 · 0 评论 -
css背景图片填充样式background-size兼容ie8以下浏览器解决
background-image: url(images/background.jpg); background-size:100%;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/background.jpg',sizingMethod='scale');/*兼容ie8以下*/已经试过,确实可用!!转载 2016-08-05 11:19:49 · 8748 阅读 · 0 评论 -
css兼容ie浏览器下面圆形问题
网上搜到的,这个办法确实可行的,原理就是做一张遮罩图片(中间是圆形,其他颜色根据背景色设置),然后设置浮动到要显示的图片上,设置个z-index就可以了。html代码 css代码.user-img{ position: relative; float: left; wid转载 2016-08-04 13:04:00 · 995 阅读 · 0 评论 -
jQuery事件处理return false与event.preventDefault()
http://blog.csdn.net/a33440521/article/details/9109909event.preventDefault()方法是用于取消事件的默认行为,但此方法并不被ie支持,在ie下需要用window.event.returnValue = false; 来实现。这不是JQuery的方法,是JS本身自带的event.preventDefa转载 2016-07-27 09:39:36 · 591 阅读 · 0 评论 -
css实现动态进度条
转载自:http://www.tuicool.com/articles/AVRvmqmhtml lang="en">head> meta charset="UTF-8"> title>测试title> style type="text/css"> #progress{ width: 50%; hei转载 2016-07-25 10:41:19 · 950 阅读 · 0 评论 -
css实现百分比进度条
html lang="en">head> meta charset="UTF-8"> title>测试title> style type="text/css"> .Bar { position: relative; width: 200px; /* 宽度 */ border: 1px solid #B1D632; padding:原创 2016-07-25 10:33:05 · 6129 阅读 · 0 评论 -
css实现鼠标放到图片旋转效果
html lang="en">head> meta charset="UTF-8"> title>Titletitle> style type="text/css"> .flip-container { perspective: 1000; transform-style: preserve-3d;转载 2016-07-25 10:19:08 · 4043 阅读 · 0 评论 -
css空箭头的样式
css绘制空心和实心箭头,网上搜到好多实心箭头,很少有空心的,今天整理了一下:实心的箭头比较好写,空心的箭头,要用2个样式去叠加显示,最外层背景是白色的,里面一层的背景色就是箭头的要显示的颜色,通过位移来设置箭头宽度。效果:html代码:html lang="en">head> meta charset="UTF-8"> title>鼠标滑过显示隐藏层title>原创 2016-07-22 10:39:05 · 889 阅读 · 0 评论 -
js图片轮播可控制是否循环轮播,点击左右按钮切换
一款功能强大的jquery焦点图插件ScrollPic 在线桌面版aPI帮助文档上线啦 11 网站图片抓取精灵-让仿站更轻松转载 2016-07-21 16:55:55 · 1216 阅读 · 0 评论 -
css设置鼠标放到图片上图片放大效果
div{width: 300px;height: 300px;border: #000 solid 1px;margin: 50px auto;overflow: hidden;}div img{cursor: pointer;transition: all 0.6s;}div img:hover{transform: scale(1.4);}转载 2016-07-21 16:32:32 · 4109 阅读 · 0 评论 -
css对上传按钮美化
思路就是:input file上传按钮的美化思路是,先把之前的按钮透明度opacity设置为0,然后,外层用div包裹,就实现了美化功能。选择文件 .file{ position:relative; display:inline-block; background:#D0EEFF;转载 2016-07-20 11:20:55 · 422 阅读 · 0 评论 -
css图片图片居中显示
测试页面* {padding: 0;margin: 0;}.box {width: 200px;height: 200px;overflow: hidden;border: 2px solid #000;border-radius: 50%;}div.box {background-position: center;backgro转载 2016-07-20 11:08:05 · 1117 阅读 · 0 评论