![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html
文章平均质量分 63
蕃薯耀
这个作者很懒,什么都没留下…
展开
-
不设置DIV宽度水平居中,div不设置宽度居中
不设置DIV宽度水平居中,div不设置宽度居中================================©Copyright 蕃薯耀 2021-07-22https://www.cnblogs.com/fanshuyao/方式一:使用浮动<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html><head> <title>水平居中&l原创 2021-07-22 16:57:27 · 294 阅读 · 0 评论 -
float浮动之后高度自适应失效解决方案
2015-11-17 17:36:06 · 448 阅读 · 0 评论 -
td中使用overflow:hidden; 无效解决方案
t;>>>蕃薯耀 2015年11月17日 17:15:10 星期二http://fanshuyao.iteye.com/ 解决方法:.dot{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } 在td内加一层<td><div class='w400 dot'>内容&2015-11-17 17:21:17 · 557 阅读 · 0 评论 -
Jquery方法load之后导致js失效解决方法
>>>>>>>>蕃薯耀 2015年9月11日 10:41:36 星期五http://fanshuyao.iteye.com/ 现在有两个页面,一个是a.html,一个是feeds.html,现在在a.html页面引入js文件,其中js文件有一个方法,方法的内容是在a.html页面id为feeds的div加载feeds.htlm页面的内容,如下$("#feeds&quo2015-09-11 10:51:49 · 1735 阅读 · 0 评论 -
list-style无颜色问题解决,list-style-type无颜色解决
>>>>>蕃薯耀 2015年9月11日 10:15:07 星期五http://fanshuyao.iteye.com/ 如下图所示:在Css文件中为li添加样式 list-style-type: decimal; 但右边的链接有hover的颜色,而数字没有颜色,显得别扭。 解决方法:解决方法一:给li加上相同的颜色,但不好的是如果a链接本身的颜色和a链接hover时的颜色不一样,又会造成两者在hover时2015-09-11 10:26:01 · 324 阅读 · 0 评论 -
Css实现透明效果,兼容IE8
;>蕃薯耀 2015年9月9日 17:39:24 星期三http://fanshuyao.iteye.com/ /* background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0 !important; */background-color:#000;opacity:0.3;filter:alpha(opacity=30); IE8显示效果: 谷歌内核浏览器显示效果: 下面为较2015-09-09 17:44:45 · 296 阅读 · 0 评论 -
js去除空格,去除左右两端的空格
>>>>>>>>>>>>>>>>蕃薯耀 2015年1月7日 14:26:28 星期三更多请关注:http://fanshuyao.iteye.com/ //去除左右两端的空格function trim(str) { if(str == null){ str2015-01-07 14:30:24 · 282 阅读 · 0 评论 -
使用activeX插件对象object滚动有重影
lt;/object> 把width设置成0就可以啦!!!>>>>>>>>>>>>>>>>>>>>>>>>>>&g2014-12-09 19:31:22 · 132 阅读 · 0 评论 -
iframe自适应高度,Iframe显示不完整
t;>>>>>蕃薯耀 2014年8月13日 16:57:03 星期三 iframe在浏览器中不怎么好,高度问题或者说显示问题经常出现,而且在不同的浏览器表现方式各不相同,特别让人纠结。但可以通过js改变Iframe的高度。 js代码:function setIframeHeight(iframeId){ var cwin = document.getElementById(iframeId); if2014-08-13 17:06:18 · 1007 阅读 · 0 评论 -
让IE支持Css3属性(圆角、阴影、渐变)
2015-11-20 10:59:00 · 109 阅读 · 0 评论 -
jquery easyui easyui-treegrid 使用异步加载数据
;>>>>>>>>>>>>>>2015年12月22日 11:46:02 星期二http://fanshuyao.iteye.com/ <table id="select" class="easyui-treegrid" style=&qu2015-12-22 11:50:20 · 175 阅读 · 0 评论 -
菱形实现气泡Bubble,菱形画箭头,菱形画三角形
蕃薯耀 2016年7月27日 16:32:44 星期三http://fanshuyao.iteye.com/ 一、菱形实现气泡Bubble,效果如下: 二、实现原理: 1、使用2个◆覆盖叠加实现。 2、页面代码:<div class="mt15"> <div class="bold">菱形实现气泡Bubble</div> &2016-07-27 16:37:43 · 154 阅读 · 0 评论 -
html响应式布局,css响应式布局,响应式布局入门
>蕃薯耀 2016年7月25日 15:31:51 星期一http://fanshuyao.iteye.com/ 一、效果如下:1、当屏幕宽度大于或等于960px时,显示为: 2、当屏幕宽度小于960px且大于640px时,显示为: 3、当屏幕宽度小于640px时,显示为: 二、代码: 1、Html页面代码:需要注意的是引入的link:里面使用了Media属性:media="screen and (min-wid2016-07-25 15:43:49 · 182 阅读 · 0 评论 -
jquery判断浏览器版本插件,jquery-browser.js
gt;>>>>>>蕃薯耀 2016年7月22日 15:05:38 星期五http://fanshuyao.iteye.com/ 一、jquery判断浏览器版本插件,jquery-browser.js jquery 1.9 之后已经删除判断浏览器版本的方法: $.browser.msie$.browser.version 原因是: 注意:通过user agent字符串来检测浏2016-07-22 16:55:04 · 301 阅读 · 0 评论 -
favicon.ico显示,favicon显示,favicon图标显示
蕃薯耀 2016年7月19日 17:39:33 星期二http://fanshuyao.iteye.com/ 一、favicon图标显示 1、把favicon.ico图标文件放在项目的根目录下,命名必须是:favicon.ico 。 2、在<head></head>标签中加入下面的代码: <link rel="shortcut icon" type="image/ico2016-07-19 17:56:19 · 640 阅读 · 0 评论 -
table完美css样式,table的基本样式,table样式
;>>>蕃薯耀 2016年6月15日 09:04:26 星期三http://fanshuyao.iteye.com/ 一、table的css样式边框线不会重复叠加,不会有些粗有些细,全部统一。 /*table start*/table.default-table{ /* -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius:5px; */ w2016-06-15 09:08:38 · 1181 阅读 · 0 评论 -
实现左右两边用户添加、删除、调位置(上下移动)、排序等的功能
>>>>>>>>>>>>>>>>>>>>>>>>>>>蕃薯耀 2016年3月11日 15:18:10 星期五http://fa2016-03-11 15:28:14 · 195 阅读 · 0 评论 -
jquery easyui动态校验,easyui动态验证
yao.iteye.com/ 当select (name="orgType")改变时,修改input(name="orgCodeCg")的校验规则 <select class="easyui-combobox w110" name="orgType" data-options=" required:true, editable:false, url:'${pag2016-01-27 16:48:41 · 203 阅读 · 0 评论 -
easyui-treegrid移除树节点出错
15年12月22日 11:46:02 星期二http://fanshuyao.iteye.com/ 一、问题描述删除节点后js报错。 二、原因因为删除的节点下面包含了其他的父子节点,但使用方法$('#select').treegrid('getChildren',row.id);获取的是该节点下的所有节点,并不是该节点的子节点,当删除某个父节点时,下面的子节点也删除了,但使用getChildren把所有节点都找出来了,当找不到某个节点时,就造成js错误 三、解决方法:2015-12-22 12:41:58 · 113 阅读 · 0 评论 -
Sublime Text注册机,Sublime中文汉化
gt;>>>>>>>蕃薯耀 2014年8月6日 10:05:37 星期三 详细教程请看:http://jingyan.baidu.com/article/ff4116259b057c12e48237b8.html 其他:http://fanshuyao.iteye.com/blog/1725536 注册机(注册机[适用Sublime2和3]和汉化包在文章后面下载)使用方法:2014-08-06 10:07:45 · 147 阅读 · 0 评论 -
去除inline-block元素间间距的N种方法
;>>>>>>蕃薯耀 2014年7月29日 16:38:50 星期二 方法一:移除空格元素间留白间距出现的原因就是标签段之间的空格,因此,去掉HTML中的空格,自然间距就木有了。考虑到代码可读性,显然连成一行的写法是不可取的,我们可以:<div class="space"> <a href="##">2014-07-29 16:45:43 · 77 阅读 · 0 评论 -
去除点击链接后的虚线框,去除A链接产生虚线的方法
t;>蕃薯耀 2014年7月29日 12:27:58 星期二 IE中A链接点击会产生虚线框,在Css文件加入如入代码即可去除(兼容IE和火狐浏览器):a {outline: none;}a:active {star:expression(this.onFocus=this.blur());}:focus { outline:0; } >>>>>>&2014-07-29 12:32:47 · 81 阅读 · 0 评论 -
span右浮动折行,解决ie6/ie7/ie8中span右浮动折行问题
>>> 蕃薯耀 2013年10月30日 16:14:34 星期三2013-10-30 16:14:53 · 106 阅读 · 0 评论 -
MyEclipse代码格式化
避免出现这种情况的办法是: 1.Java代码打开Eclipse的Window菜单,然后Preferences->Java->Code Style->Formatter->Edit/Show(根据不同版本可用的按钮会不一样) ->Line Wrapping->Maximum line width:由默认的80改成自己想要设定的长度(在8.5中需要更换文件名新建一个文件,即修改左上角的文件名保存即可) 2.H2013-08-06 09:16:14 · 84 阅读 · 0 评论 -
HTML之Position用法
t;sub1</id> <div id="sub2">sub2</id></div>1. relativerelative属性相对比较简单,我们要搞清它是相对哪个对象来进行偏移的。答案是它本身的位置。在上面的代码中,sub1和sub2是同级关系,如果设定sub1一个relative属性,比如设置如下CSS代码:#sub1{ position: relative;2013-04-19 14:43:05 · 75 阅读 · 0 评论 -
【jQuery插件】autoTextarea-文本框根据输入内容自适应高度【蕃薯耀分享】
,默认:null,不自动撑高;如果自动撑高必须输入数值,该值作为文本框自动撑高的最大高度minHeight:$(this).height() //默认最小高度,也就是文本框最初的高度,当内容高度小于这个高度的时候,文本以这个高度显示};var opts = $.extend({},defaults,options);return $(this).each(function() {$(this).bind("paste cut keydown keyup focus blur&q原创 2013-01-26 10:27:50 · 246 阅读 · 0 评论 -
倒数5秒的网页特效,5秒后跳转新页面
ta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Untitled Document</title> </head> <body><span id="totalSecond"2012-11-26 12:02:41 · 283 阅读 · 0 评论 -
js弹出新窗口而不会被浏览器阻止的方法【蕃薯耀分享】
2012-11-26 11:30:26 · 77 阅读 · 0 评论 -
textarea文本框具体操作,textarea隐藏滚动条,textarea属性
下:<textarea id=txtCommentsstyle="overflow-x:hidden"></textarea> 相应的,若要隐藏纵向滚动条:<textarea id=txtCommentsstyle="overflow-y:hidden"></textarea> 如果使用代码控制的话,可能2012-09-15 01:03:39 · 1554 阅读 · 0 评论 -
Jquery EasyUI Combotree只能选择叶子节点且叶子节点有多选框
2018-04-28 16:23:46 · 1798 阅读 · 0 评论 -
showModalDialog模态窗口总结
方法用来创建一个显示HTML内容的模态对话框。window.showModelessDialog() 方法用来创建一个显示HTML内容的非模态对话框。showModalDialog和showModelessDialog的异同 同:两者弹出的窗体不能刷新 异:前者是模态窗口,始终获得焦点;后者是非模态窗口,只不过弹出一个页面,还可以操作父窗口。 使用方法:vReturnValue = window.showModalDialog(sURL [,2013-10-31 12:03:46 · 103 阅读 · 0 评论 -
js获取字符串的实际长度
2013-10-31 14:33:48 · 114 阅读 · 0 评论 -
A链接点击后a:hover的CSS样式不起作用的问题原因与解决办法
t;> 蕃薯耀 2014年7月24日 16:55:32 星期四爱恨原则(LoVe HAte)a:link{ font-size:12px; color:#000; text-decoration:none; }a:visited{ font-size:12px; color:#000; }a:hover{ color:red; text-decoration:underline;2014-07-24 17:05:26 · 727 阅读 · 0 评论 -
div相对屏幕居中
原理很简单,主要记住以下3点: 第一点要求:position:absolute第二点要求:left:50%;top:50%第三点要求:margin-left:-175px [也就是-(350/2)] margin-top:-150px [也就是-(300/2)] 原理:先让这个DIV绝对定位;让他距离上边50%,左边50%;这会这个DIV的左上角这个点就是窗口的正中间;因为已经知道了这个DIV的高和宽了,那么再从这里点向左移动总宽及高的一半就可以了. 举例:2014-07-21 10:23:51 · 248 阅读 · 0 评论 -
兼容IE6的遮罩层
7月10日 18:06:35 星期四 兼容IE6的遮罩层,利用“* Html”这个Hack,设置IE6使用position:absolute;和 expression 来模拟fixed的效果,另外设置background:url(*)防止抖动。 遮罩层Css代码:.overlay{ position: fixed; z-index: 100000; /*按需设置*/ width: 100%; height: 100%; top: 0;2014-07-10 18:11:44 · 197 阅读 · 0 评论 -
CSS实现文本溢出自动截断
>>>>>>>蕃薯耀 2014年7月10日 17:09:43 星期四 主要代码有三个属性组成,缺一不可:overflow: hidden;white-space: nowrap;text-overflow: ellipsis; 注意:IE6必须指定宽度。 >>>>>>&g2014-07-10 17:10:44 · 213 阅读 · 0 评论 -
JavaScript判断浏览器类型及版本
蕃薯耀 2014年7月10日 16:48:38 星期四 <script type="text/javascript"> $(function () { var Sys = {}; var ua = navigator.userAgent.toLowerCase(); var s; (s = ua.match(/rv:([\d2014-07-10 16:52:30 · 80 阅读 · 0 评论 -
js获取checkbox选中数量
tCheckBoxLength(name){ var length = 0; var checkboxes; if(name == null || name == ""){ checkboxes = document.getElementsByTagName("input"); for(var j=0;j<checkboxes.length;j++){ if(checkboxes[j].type=='checkbox' &2014-06-16 17:36:11 · 1451 阅读 · 0 评论 -
100%全屏菜单导航,兼容IE6
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>2014-05-26 09:19:03 · 127 阅读 · 0 评论 -
带图标的input输入框
2014-05-26 09:14:24 · 522 阅读 · 0 评论