Web前端
gxp_java
软件工程师
展开
-
Javascript 弹出覆盖层 Demo
Javascript 弹出覆盖层 DemoJavaScript 仿LightBox内容显示效果 JavaScript 仿LightBox内容显示效果 var isIE = (document.all) ? true : false; var isIE6 = isIE && ([/MSIE (\d)\.0/i.exec(n原创 2012-08-06 20:42:50 · 672 阅读 · 0 评论 -
浏览器显示TIF格式图像
浏览器显示TIF格式图像TIF图片显示 classid="CLSID:106E49CF-797A-11D2-81A2-00E02C015623" name="tiffObj"> 图片加载失败,请先下载图片控件点击下载 要安装tif插件才能显示插件、例子下载JAVA 实现jpg/tif/bmp 等图片原创 2013-04-23 14:23:18 · 8352 阅读 · 2 评论 -
Css3+Js 漂亮时钟
Css3+Js 漂亮时钟浏览器支持 IE9/GoogleChrome/FireFox/Safari效果图:代码下载:http://download.csdn.net/detail/guoxuepeng123/5293759HTML代码css3+js打造漂亮时钟body{background: -webkit-radial-gradie原创 2013-04-24 08:40:53 · 2223 阅读 · 3 评论 -
纯HTML+CSS3 导航菜单
浏览器支持 IE9/GoogleChrome/FireFox/Safari效果图:代码下载:http://download.csdn.net/detail/guoxuepeng123/5293770html代码纯html+css3导航*{margin:0;padding:0;}.clear:after { clear: both;原创 2013-04-24 08:36:27 · 6312 阅读 · 9 评论 -
JS判断浏览器类型
New Document var Sys = {}; var ua = navigator.userAgent.toLowerCase(); var s; (s = ua.match(/msie ([\d.]+)/)) ? Sys.ie = s[1] : (s = ua.原创 2013-04-24 08:29:50 · 1129 阅读 · 0 评论 -
看下你名字炫不炫(CSS3)---知道动哦
使用技术:JS+CSS3浏览器支持:IE9,FireFox,Chrome效果图:代码下载:http://download.csdn.net/detail/guoxuepeng123/5303831源码分享: New Document var inputName="CSDN";//输原创 2013-04-26 14:44:15 · 1281 阅读 · 1 评论 -
还需要学习的十二种CSS选择器
在前面的文章中,我们在介绍了《五种你必须彻底了解的CSS选择器》,现在向大家介绍,还需要学习的另外十二种CSS选择器。如果你还没有用过,就好好学习一下,如果你已经熟知了就当是温习。一、X:link X:visited X:hover X:active 伪类a:link { color: red; }a:visted { color: purple; }伪类选择器原创 2013-05-07 16:08:55 · 1586 阅读 · 0 评论 -
网页布局中CSS无效的十个常见原因
我们学习DivCSS网页布局时W3C?validation有时难以操作,但用它你可以查看由版面设计引起的差错。验 证程序抛出大量差错和警告,说明你的XHTML尚未完善,可能无法在不同浏览器上保持一致功能。下面十个细微的失效问题难住了大批程序员,本文就告诉你如 何解决。在本文开始前介绍一些使用W3C验证程序时需要注意的问题。1、不要担心验证程序的警告:如果验证程序说发现12处错误以 及83处原创 2013-05-07 16:13:35 · 1830 阅读 · 0 评论 -
DIV+CSS开发浏览器的兼容性
1. 文字本身的大小不兼容。同样是font-size:14px的宋体文字,在不同浏览器下占的空间是不一样的,ie下实际占高16px,下留白3px,ff 下实际占高17px,上留白1px,下留白3px,opera下就更不一样了。解决方案:给文字设定 line-height 。确保所有文字都有默认的 line-height 值。这点很重要,在高度上我们不能容忍1px 的差异。2.ff下容器高度原创 2013-05-07 16:17:58 · 1665 阅读 · 0 评论 -
五种你必须彻底了解的CSS选择器
CSS选择器是进行CSS网页布局的基础,这些选择器合理的应用,将有效的提高你的开发效率和编码水平。我们在大前端有过大量的文章进行介绍,下面的这五种CSS选择器,是基础中的基础,大家一起温习一下。一、*(通配符选择器)*通配符选择器,经常用于css reset,即样式重置,清理标签的默认样式,但现在一般不提倡直接使用*了,主要是*会匹配所有标签,相当耗资源。*在css的优先级中是最低的。原创 2013-05-07 16:05:48 · 1930 阅读 · 0 评论 -
写出完美CSS代码的5个重要方面
每个人都可以编写CSS代码,甚至你现在已经让它为你的项目工作了。我在博客中也一直与大家讨论,学习CSS编码与CSS技巧。但是CSS还 可以更好吗?开始用这5个Tips改进你的CSS吧!一、关于 CSS重置首先,很认真的告诉你,总是要重置某些分类。无 论你是使用?Eric?Meyer?Reset、YUI?Reset或者你自己编写的重置代码,只要使用就对了。它能很简单的移除所有原创 2013-05-07 16:16:36 · 1586 阅读 · 0 评论 -
CSS兼容性(IE和Firefox)技巧
CSS技巧1.div的垂直居中问题vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了。缺点是要控制内容不要换行2. margin加倍的问题设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。解决方案是在这个div里面加上display:in原创 2013-05-09 13:14:14 · 1530 阅读 · 0 评论 -
CSS的效率和浏览器渲染的速度
浏览器如何读取你的CSS选择器有一个很重要的原则,那就是它们从右到左读取。这意味这像 ul > li a[title="home"] 这样的选择器,a[title="home"] 将是最先被读取的。我承认我并不经常想这个问题……我们写的 css的效率是怎么样的呢,浏览器渲染的速度又如何呢?这是应该是浏览器开发者应该关心的(页面加载更快,用户 就会更愉快)。Mozilla有一篇文章:原创 2013-05-09 13:18:01 · 1515 阅读 · 0 评论 -
Div+CSS网页布局对网站搜索引擎优化的影响
Div+CSS网页布局对网站搜索引擎优化的影响我们都知道DivCSS网页布局的好处,它对网站搜索引擎优化的影响有哪些呢?网站优化使用 DIV+CSS佈局,页面代码精简,这一点相信对XHTML有所瞭解的都知道。代码精简所带来的直接好处有两点:一是提高spider爬行效率,能在最短 的时间内爬完整个页面,这样对收录品质有一定好处;二是由于能高效的爬行,就会受到spider喜欢,这样对收录数量有原创 2013-05-14 08:51:56 · 1742 阅读 · 0 评论 -
Jquery 自定义动画
animate(params, options) 返回值:jQuery概述用于创建自定义动画的函数。这个函数的关键在于指定动画形式及结果样式属性对象。这个对象中每个属性都表示一个可以变化的样式属性(如“height”、“top”或“opacity”)。注意:所有指定的属性必须用骆驼形式,比如用marginLeft代替margin-left.而每个属性的值表示这个样式属性原创 2013-03-29 08:45:50 · 1239 阅读 · 0 评论 -
margin:0 auto; 居中问题
很多初学制作网页的朋友,可能会遇到的一个常见问题,就是在CSS中加了margin:0 auto;却没有效果,不能居中的问题!margin:0 auto;的意思就是:上下边界为0,左右根据宽度自适应!其实就是~~水平居中的意思,呵呵!小一在这里说两个典型的错误引起的不能居中的问题:1、没有设置宽度看看上面的代码,根本没有设置DIV的宽度,如何根据宽度自适应呢?新手比较容易忽略的问原创 2013-03-14 23:04:00 · 1776 阅读 · 0 评论 -
用div+css实现无图圆角边框
css圆角效果 div.RoundedCorner{background: #9BD1FA} b.rtop, b.rbottom{display:block;background: #FFFFFF} b.rtop b, b.rbottom b{display:block;height: 1px;overflow: hidden; background: #9BD1FA}原创 2013-03-14 23:06:41 · 1151 阅读 · 0 评论 -
Js验证(邮箱、手机、QQ号等)
SCRIPT type="text/javascript">var redflag=0;//姓名验证function isName() { var name=$('#name').val();if (name.search(/^[\u0391-\uFFE5\w]+$/) != -1){redflag=0;return true; }else{原创 2012-08-06 20:47:53 · 1428 阅读 · 0 评论 -
JavaScript操作Table:添加、修改、删除Table元素
方法一:DOM实现//先获取该表格的引用:var Container = document.getElementById(TableId);//然后创建行(TR对象)var NewTr = document.createElement("tr");//填充该表格行var NewTd1 = document.createElement("td");var Ne原创 2012-08-08 10:13:59 · 2001 阅读 · 0 评论 -
JavaScript十六进制字符串和字节数组相互转换
//十六进制字符串转字节数组function Str2Bytes(str){ var pos = 0; var len = str.length; if(len %2 != 0) { return null; } len /= 2; var hexA = new Array(); for(v原创 2012-08-08 17:21:39 · 1184 阅读 · 0 评论 -
JavaScript简单有效的删除Table中的一行
function Goto(){}function deleteCurrentRow(obj){var tr=obj.parentNode.parentNode;var tbody=tr.parentNode;tbody.removeChild(tr);}流程名称表单名称上传附件操作请假单1请假单不允许删除请假原创 2012-08-08 10:41:45 · 1090 阅读 · 2 评论 -
Iframe自适应高度
Iframe自适应高度 //IFrame自动适应屏幕function iFrameHeight() { var ifm= document.getElementById("mainFrame"); var subWeb = document.frames ? document.frames["mainFrame"].document :原创 2012-08-07 09:05:37 · 524 阅读 · 0 评论 -
javascript之DOM技术
一、使用DOM考虑一个html文件:测试测试1.访问节点:访问html元素:var oHtml=document.documentElement;获取head元素:var oHead=oHtml.firstChild;获取body元素:var oBody=oHtml.lastChild; 或者 var oBody=document.body;原创 2012-08-08 17:23:17 · 471 阅读 · 0 评论 -
Javascript中判断浏览器类型
Javascript中判断浏览器类型function getExplorer() {var explorer = window.navigator.userAgent ;//ie if (explorer.indexOf("MSIE") >= 0) {alert("ie");}//firefox else if (explorer.indexOf("Firefo原创 2012-08-08 17:16:41 · 556 阅读 · 0 评论 -
JavaScript去除字符串首尾空格
function trim(str) { return str.replace(//s+/g,""); } javascript去除字符串空格的函数function jtrim(s) { var i,b=0,e=s.length; for(i=0;is.length;i++) /原创 2012-08-08 17:20:11 · 692 阅读 · 0 评论 -
Ajax工作原理
Ajax 基本上就是把 JavaScript 技术和 XMLHttpRequest 对象放在 Web 表单和服务器之间。当用户填写表单时,数据发送给一些 JavaScript 代码而不是 直接发送给服务器。相反,JavaScript 代码捕获表单数据并向服务器发送请求。同时用户屏幕上的表单也不会闪烁、消失或延迟。换句话说,JavaScript 代码在幕后发送请求,用户甚至不知道请求的发出。更好的是原创 2012-08-10 22:10:10 · 734 阅读 · 1 评论 -
DIV CSS优化
一.Css background背景语法 CSS背景基础知识CSS 背景这里指通过CSS对对象设置背景属性,如通过CSS设置背景各种样式。背景语法:background: background-color || background-image || background-repeat || background-attachment || background-pos原创 2013-05-14 08:58:28 · 1736 阅读 · 0 评论