![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Web前端
破逼名总重复
这个作者很懒,什么都没留下…
展开
-
CSS3伪类选择器
CSS的伪类语法和别的语法有点不一样,其主要有两种语法表达方式 a、E:pseudo-class {property:value} a:link {color:red;} b、E.class:pseudo-class{property:value} a.selected:hover {color: blue;} 说明:其中E为元素...原创 2014-04-18 09:32:39 · 99 阅读 · 0 评论 -
整合IE7与其他IE版本的兼容
/*里面套内容*/ sadasdasd然后在css文件中将content和content7的样式各写一遍,其中content7的样式就是在IE7 下的样式(如果在IE7下的效果不满意,直接调content7就可以了),content样式就是在IE8、IE9和火狐下的样式(正常写就行了)。...原创 2013-08-21 09:39:00 · 87 阅读 · 0 评论 -
常见浏览器兼容性问题与解决方案css篇
所谓的浏览器兼容性问题,是指因为不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况。在大多数情况下,我们的需求是,无论用户用什么浏览器来查看我们的网站或者登陆我们的系统,都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。在学习浏览器兼容性之前,我想把前端开发人员划分为两类:第一类是精确按照设计图开发的前端开发人员,可以说是精确...原创 2013-08-12 17:17:35 · 58 阅读 · 0 评论 -
Jquery实现表格行的动态增加与删除
$(document).ready(function(){ //居中 $("#tab tr").attr("align","center"); //增加 $("#but").click(function(){ var _len = $("#tab...原创 2014-05-29 08:45:35 · 270 阅读 · 0 评论 -
如何在页面中设置IE浏览器的文档模式
如何在页面中设置IE浏览器的文档模式作者:dylinshi126 | 阅读1087次 2013/6/4 12:10:39-最近在使用一个开源框架,发现该框架能跨浏览器和版本,但唯独在IE下的Quirks Model下表现不太好。 一开始想着如何自己去完善在该模式下的问题,后来一想为何不找到一种方法,在代码里面设置好让页面在IE浏览器下面不呈现Quirks Model呢? ...原创 2013-08-04 12:58:15 · 78 阅读 · 0 评论 -
网页制作中Iframe自适应高度的解决办法
进行网页设计时,由于网站的海量信息以及标准化的网页制作模式,使得框架网页嵌套成为了首选。这种方式的优越性不仅体现在整个网页整体性的保持及更新上,而且还可以使网站的维护变的相对容易。 基于界面美观和交互的考虑,在网页制作中隐藏Iframe的border和scrollbar,让人看不出它是个Iframe,而不带边框的Iframe因为能和网页无缝的结合从而在不刷新页面的情况下使更新页面的部分数...原创 2013-12-27 10:14:25 · 98 阅读 · 0 评论 -
再谈 X-UA-Compatible 兼容模式(IE)
原文链接:http://www.mangguo.org/compatibility-mode-to-talk-about-x-ua-compatible/如何理解 IE 的文档兼容模式(X-UA-Compatible)?如何理解 IE 的文档兼容模式(X-UA-Compatible)?IE 浏览器支持多种文档兼容模式,得以因此改变页面的渲染效果。IE9 模式支持全范围的既定行业标准...原创 2013-07-31 11:50:22 · 68 阅读 · 0 评论 -
css中clear:both
CSS中 clear:both;可以终结在出现他之前的浮动 CSS中 clear:both;可以终结在出现他之前的浮动 语法: clear : none | left |right | both参数:none : 允许两边都可以有浮动对象both : 不允许有浮动对象left : 不允许左边有浮动对象right : 不允许右边有浮动对象...原创 2013-07-23 15:55:32 · 283 阅读 · 0 评论 -
解决导出excel时,如身份证等超长字符不以科学计数法法显示
td { background-color: #FFFFFF; } .txt {padding-top:1px; padding-right:1px; padding-left:1px; mso-ignore:padding; color:black; font-size:11.0pt; font-weight:400; font-style...原创 2013-07-23 15:25:41 · 554 阅读 · 0 评论 -
表格外边框实线,内部为虚线
/*-----------------------html代码---------------------------------*/ 序号 教学计划名称 招生批次 层次 专业 备注 操作 1 1303保险事务专业(专科)教学计划 1303 专科 保险实务 今...原创 2013-07-23 15:25:16 · 850 阅读 · 0 评论 -
通过css将直角矩形变为圆角矩形
{border-radius:6px 6px 0 0}原创 2013-08-30 10:56:17 · 1335 阅读 · 0 评论 -
white-space:
定义和用法white-space 属性设置如何处理元素内的空白。这个属性声明建立布局过程中如何处理元素中的空白符。值 pre-wrap 和 pre-line 是 CSS 2.1 中新增的。默认值: normal继承性: yes版本: CSS1JavaScript 语法: object.style.whiteSpace="pre"实例规定段落中的文本不进行...原创 2013-08-30 10:57:19 · 69 阅读 · 0 评论 -
Jquery实现选中左边的下拉菜单点击按钮之后跑右边
[size=large][b]script代码:[/b][/size] $(document).ready(function(){ $("#add").click(function(){ $("#select1 option:selected").appendTo("#select2"); ...原创 2014-04-15 14:34:01 · 667 阅读 · 0 评论 -
html之marquee详解
该标签不是HTML3.2的一部分,并且只支持MSIE3以后内核,所以如果你使用非IE内核浏览器(如:Netscape)可能无法看到下面一些很有意思的效果该标签是个容器标签语法: 以下是一个最简单的例子:代码如下:Hello, World 下面这两个事件经常用到:onMouseOut="this.start()" :用来设置鼠标移出该区域时继续滚动on...原创 2014-03-28 10:07:12 · 60 阅读 · 0 评论 -
Html中a标签的四个属性 link ,visited , hover ,active 是有顺序的! LVHA
1。html中a标签的四个属性书写是有顺序的,如果顺序不对,显示效果有可能出现差错。 a:link{text-decoration:none ; color:#c00 ;}a:visited {text-decoration:none ; color:#c30 ;}a:hover {text-decoration:underline ; color:#f60 ;}a:activ...原创 2014-03-25 15:39:42 · 2243 阅读 · 0 评论 -
修改360浏览器内核
浏览器内核控制Meta标签说明文档背景介绍由于众所周知的情况,国内的主流浏览器都是双核浏览器:基于Webkit内核用于常用网站的高速浏览。基于IE的内核用于兼容网银、旧版网站。以360的几款浏览器为例,我们优先通过Webkit内核渲染主流的网站,只有小量的网站通过IE内核渲染,以保证页面兼容。在过去很长一段时间里,我们主要的控制手段是一个几百k大小网址库,一个通过长期人工运营收集的...原创 2014-03-10 17:19:40 · 1001 阅读 · 0 评论 -
实现DIV层内的文字垂直居中
有时候,为了网页设计的美观,需要把div+css设计的页面里的某些div层里的文字垂直居中,包括多行文字以及单行文字;方法有不少,但真正能实现而代码又简洁的介绍不多,flymorn就为大家介绍几种适用的div文字垂直居中的方法。 首先要知道css里vertical-align无效,W3C官方对vertical-align做了下面的解释: “ This property affec...原创 2014-03-07 14:03:35 · 74 阅读 · 0 评论 -
bootstrap时间控件
作业管理>新建作业 1 作业管理>新建作业 作业信息 ...原创 2014-03-06 13:27:49 · 212 阅读 · 0 评论 -
IE=EmulateIE7 标签的作用
对于 Web 开发人员来说,文本兼容性是一个要考虑的重要问题。Windows Internet Explorer 8 引入了文本兼容性模式,该模式允许 Web 开发人员将浏览器设置为以与旧版本相同的方式显示网页,从而允许开发人员选择更新时间。本文档将介绍由 Windows Internet Explorer 8 支持的文本兼容性模式,以及如何使用自定义标头基于每个页面或每个站点实现这些模式...原创 2014-02-28 14:05:37 · 86 阅读 · 0 评论 -
修改IE浏览器默认的文档模式
开始运行输入C:\Windows\System32\gpedit.msc打开管理模板 Windows组建 Internet Explorer 兼容性视图打开Internet Explorer 7标准模式选择 已启用 OK!原创 2014-02-28 13:26:36 · 6517 阅读 · 0 评论 -
转 CSS hack:针对IE6,IE7,firefox显示不同效果
CSS hack:针对IE6,IE7,firefox显示不同效果做网站时经常会用到,衡量一个DIV+CSS架构师的水平时,这个也很重要。区别不同浏览器的CSS hack写法: 区别IE6与FF: background:orange;*background:blue; 区别IE6与IE7: background:green !i...原创 2013-09-05 13:55:34 · 55 阅读 · 0 评论 -
IE6,IE7中 按钮的宽度随着内容的增多而增长
转自:http://www.planabc.net/2008/11/12/the_stretched_buttons_bug/ 大家在写按钮(input、button)的时候会发现在 IE 下:随着字数的增多,两边的间距也会越来越大。在 WIN 的XP 风格下,当字数很多时,两边还会出现严重的锯齿。到底是什么原因呢?蓝色理想 原 WEB标准化专栏 的斑竹 z...原创 2013-07-23 15:23:22 · 81 阅读 · 0 评论 -
display:block的作用与用法
display:block可以理解为块。用个简单的例子给你!比如你做一个超链接,超链接当你鼠标移过去文字的时候,超链接有效果!而当我把样式这样设置:li a{width:100px;height:100px; display:block; color:red; text-decoration:none;}鼠标移到文字周围100*100的地方,就有超链接效果了,就是把100*10...原创 2013-07-22 16:51:23 · 3332 阅读 · 0 评论 -
点击文字超链接,当前字体由白色变为黄色,其余的不变,仍然为白色
/*----------------------jquery代码---------------------*/ $(document).ready(function(){ $("a").click(function(){ $("a").css("color",""); $(this).css("color","#FFFF00"); }原创 2013-06-25 09:23:50 · 547 阅读 · 0 评论 -
div+css左侧列表高度随右侧内容增多而增长
/*-------------------------jquery代码-----------------------*///左边导航栏的高度 随着右边内容的增多而增长 $(function(){ var count=$(".content").height()-10; //数值自己设置 $("#gly-left").height(count);...原创 2013-06-24 15:55:51 · 583 阅读 · 0 评论 -
下拉菜单
/*-------------------------html代码---------------------------*/ 帐号管理 创建院校用户 查看院校用户 创建管理员 查看管理员 密码修改 ...原创 2013-06-24 15:50:08 · 72 阅读 · 0 评论 -
点击当前文字连接,使其背景色改变,其余连接不发生变化
/*----------------html代码-------------------------*/ 学期定义 教学计划管理 制定教学计划 派课信息管理 资料类别定义 资料管理 资料上传 资料详情 ...原创 2013-06-24 15:36:50 · 103 阅读 · 0 评论 -
鼠标悬浮出现下拉信息
/*--------------html代码-------------*/ 张三 2013-6-3 信息浏览 信息修改 密码修改 ...原创 2013-06-24 15:31:45 · 273 阅读 · 0 评论 -
css控制背景颜色渐变
/*-----------由左至右渐变-------------*/body{ width:100%; height:105px; margin:0 auto;filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#00108B,endcolorstr=white,gradientType=1); /*IE*...原创 2013-06-24 15:21:42 · 91 阅读 · 0 评论 -
锚点定位
报告概览报告概览 三字经 人之初,性本善。性相近,习相远。苟不教,性乃迁。教之道,贵以专。 昔孟母,择邻处,子不学,断机杼。窦燕山,有义方,教五子,名俱扬。 养不教,父之过。教不严,师之惰。子不学,非所宜。幼不学,老何为。 玉不琢,不成器。人不学,不知义。为人子,方少时,亲师友,习礼仪。 香九龄,...原创 2013-06-23 10:21:23 · 72 阅读 · 0 评论 -
下拉列表
[b]/*-----------------------css代码---------------------------*/[/b]/* CSS Document */body{ width:849px; margin:0 auto; padding-top:320px;;position:relative;}.list{ width:148px; height:258px; b...原创 2013-06-23 10:18:31 · 95 阅读 · 0 评论 -
div悬浮(类似新开网页时出现的小广告)
#wrapper {overflow: hidden;} #content {width:591px; margin-right:39px; float:right; margin-top:28px;} #sidebar {width:148px; ...原创 2013-06-23 10:14:06 · 310 阅读 · 0 评论 -
js展开与隐藏(带向上隐藏与向下展开图标)
/*-------------------------jquery代码----------------------------*/ $(document).ready(function(){ $(".tabs1").show(); $(".tabs").hide(); $(".tab_box #tab").click(function(){ ...原创 2013-06-25 09:34:58 · 1564 阅读 · 0 评论 -
js+JQuery实现返回顶部功能
很多网站上都有返回顶部的效果,本文阐述如何使用jquery实现返回顶部按钮。首先需要在顶部添加如下html元素:返回顶部其中a标签指向锚点top,可以在顶部防止一个的锚点,这样在浏览器不支持js时也可以实现返回顶部的效果了。要想让返回顶部的图片显示在右侧,还需要一些css样式,如下:/*returnTop*/p#back-to-top{ pos...原创 2013-11-18 11:05:20 · 58 阅读 · 0 评论 -
Jquery获取当前屏幕的宽度、高度
$(document).ready(function() { alert($(window).height()); //浏览器当前窗口可视区域高度 alert($(document).height()); //浏览器当前窗口文档的高度 alert($(document.body).height());//浏览器当前窗口文档body的高度 alert($(document....原创 2013-12-05 14:48:54 · 83 阅读 · 0 评论 -
iframe,frameset区别
■ 框架概念 : 所谓框架便是网页画面分成几个框窗,同时取得多个 URL。只需要 即可,而所有框架标记需要放在一个总起的 html 档,这个档案只记录了该框架 如何划分,不会显示任何资料,所以不必放入 标记,浏览这框架必须读取这档 案而不是其它框窗的档案。 是用以划分框窗,每一框窗由一个 标 记所标示,必须在 范围中使用。如下例: 此例中 把画面分成左右...原创 2013-12-05 10:24:30 · 53 阅读 · 0 评论 -
顶部浮动
顶部浮动的导航效果 body,h1,ul{margin:0;} ul li{list-style-type:none;} #header{width:100%;border-top:solid 1px #ccc;border-bottom:solid 1px #ccc;text-align:center;} h1{padding:10px...原创 2013-11-29 09:37:13 · 131 阅读 · 0 评论 -
css控制背景图片拉伸
/*-------------------------css代码--------------------------*/background:url(../images/bg.jpg) no-repeat fixed top left; background-size:100% 100%;原创 2013-07-11 14:59:27 · 110 阅读 · 0 评论 -
jsp页面实现打印动态页面的分页
需要导出excel位置添加导出按钮 toexcel.jsp页面设置contetTyep替换原有设置 表格内容 可以根据想要的文件名修改xxx表.xls位置原创 2013-07-03 11:06:55 · 477 阅读 · 0 评论 -
jsp如何导出excle文档
需要导出excel位置添加导出按钮 toexcel.jsp页面设置contetTyep替换原有设置 表格内容 可以根据想要的文件名修改xxx表.xls位置原创 2013-07-03 11:06:16 · 105 阅读 · 0 评论