随笔分类 -  HTML

document.getElementsByName()与 document.getElementById()、document.getElementsByTagName()的区别
摘要:document.getElementsByName() 是根据控件名称获取这个控件对象,因为控件名称可以相同,返回的是一个对象数组。 document.getElementById() 是根据控件ID获取这个控件对象,因为控件ID唯一,返回的是一个对象。 document.getElementsByTagName() 是根据控件TAG获取这个控件对象,返回的是一个对象数组。 例如: HTML中有控件如下: <input type="radio" id="radio1" checked="checked" name=" 阅读全文

posted @ 2012-06-21 10:16 zhuhai 阅读(191) 评论(0) 推荐(0)

CSS边界属性的负值
摘要:在CSS中,如果边界属性取值为负值的时候,元素之间的关系就会因此而变得复杂很多。 在垂直方向上,两个元素的边界仍然会重叠,但是此时一个为正值,一个为负值,最后的取值并不是取其中较大的正值,而是用正的边界值减去负边界值的绝对值。即,把正的边界值与负的边界值相加的结果。我们来看一段代码:.content01{ margin-bottom:20px; background:#fffccc;}.content02{ margin-top:-60px; background:#98cdff;}.content03{ width:300px; height:50px; padding-top:30px.. 阅读全文

posted @ 2012-06-21 09:41 zhuhai 阅读(1522) 评论(1) 推荐(1)

如何将宽200px高100px的DIV始终置于阅览器正中。并保证阅览器放大缩小都适应
摘要:<!Doctype html><html><head><style> html,body{ height:100%;/*最好给html,body加上这句,个别浏览器不加这句不灵哦*/ } #mydiv{ background:#666; /*下面几句是重点*/ width:200px;height:100px; position:absolute;left:50%;top:50%; margin-top:-50px; margin-left:-100px; }</style... 阅读全文

posted @ 2012-06-21 09:34 zhuhai 阅读(454) 评论(0) 推荐(0)

js控制5秒后页面自动跳转
摘要:<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>无标题文档</title><script type="text/javascript"> function countDown(secs,surl){ //alert(surl); var jumpTo = document.getElementById('jumpTo') 阅读全文

posted @ 2012-05-31 11:03 zhuhai 阅读(228) 评论(0) 推荐(0)

IMG 显示出错时不显示红叉
摘要:<img src='../ImageUpload/ShowPhoto.aspx?id=<%=EGID %>' onerror="this.style.display='none'" /> 阅读全文

posted @ 2012-05-24 16:50 zhuhai 阅读(202) 评论(0) 推荐(0)

【转】图片上传简单JS预览,兼容IE火狐等主流浏览器
摘要:最近又在做关于图片上传的功能,图片上传自然要要能够及时预览图片,在网上找了很多资料,不得不说,网上的资料确实蛮多的,垃圾也比较多,很多方案都是烂的没话说,不过最后还是找到一个比较简单、简洁的方案,所以特地贴上来更大家分享: 首先简单介绍一下这个功能,这是可以兼容IE火狐等主流浏览器的图片上传及时预览图片的功能,就是用客户端脚本javascript实现的,而且还做了类型判断,比如只允许上传jpg、gif、png(等格式)的文件,具体的自己去定义,很简单的,还以一点就是如果选择的类型与我们定义的允许上传的文件的类型不匹配时,系统会提醒用户该文件不能上传,而且会自动清空上传控件的值(具体的看了代码. 阅读全文

posted @ 2012-05-16 11:41 zhuhai 阅读(576) 评论(0) 推荐(0)

input高级限制级用法
摘要:1.取消按钮按下时的虚线框 在input里添加属性值hideFocus或者HideFocus=true2.只读文本框内容在input里添加属性值readonly3.防止退后清空的TEXT文档(可把style内容做做为类引用) <INPUTstyle=behavior:url(#default#savehistory);type=textid=oPersistInput>4.ENTER键可以让光标移到下一个输入框 <inputonkeydown="if(event.keyCode==13)event.keyCode=9">5.只能为中文(有闪动) &l 阅读全文

posted @ 2012-04-28 11:20 zhuhai 阅读(137) 评论(0) 推荐(0)

导航

我的百度空间