HTML/CSS/JS
xyzqiang
这个作者很懒,什么都没留下…
展开
-
loading function
<br />function loading()<br /> {<br /> var div = document.createElement("div");<br /> div.id = "div1";<br /> div.style.position="absolute";<br /> div.innerHTML = "正在与服务器通信...";<br /> document.body.appendChild(div);<br原创 2010-10-20 13:27:00 · 544 阅读 · 0 评论 -
关于CSS优先级的问题
今天在blueidea里看了一篇关于css优先级的帖子,我感觉不错,就收藏起来了!css优先级的四大原则:原则一: 继承不如指定如果某样式是继承来的永远不如具体指定的优先级高。例子1:CODE: *{font-size:20px}转载 2011-09-16 14:44:37 · 620 阅读 · 0 评论 -
在textarea光标处插入内容
function test(str){ var tc = document.getElementById("mytextarea"); var tclen = tc.value.length; tc.focus(); if(typeof document.selection != "undefined") { document转载 2011-11-23 11:49:33 · 3657 阅读 · 0 评论 -
通用基础CSS代码
@charset "utf-8";/* CSS Document *//** 清除内外边距 **/ body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */ dl, dt, dd, ul, ol, li, /* list elements 列表元素 */ pre, /转载 2011-12-02 16:05:39 · 1114 阅读 · 1 评论 -
jQuery 1.4.2 getJSON() 不能正常工作的原因
以前写了一个jQuery版的 N 级联动插件,在jQuery 1.3.2中运行正常。最近jQuery update 到 1.4.2,发现不能取数据了。经过 google 和其官方文档,找到原因:jQuery.getJSON(url, data, callback)http://api.jquery.com/jQuery.getJSON/The callback is passed转载 2011-12-08 17:12:33 · 601 阅读 · 0 评论 -
Js拖动层
JS拖动层层的标题层的内容var posX;var posY; fdiv = document.getElementById("f"); document.getElementById("title").onmousedown=function(e){ if(!e) e = window.event; //IE posX =转载 2012-01-08 10:09:40 · 462 阅读 · 0 评论 -
怎么用jQuery实现按Ctrl+Enter就触发某事件
$(document).keypress(function (e) { if (e.ctrlKey && e.keyCode == 13) { alert("send"); } })转载 2012-01-14 09:31:54 · 709 阅读 · 0 评论 -
文本框和按钮对齐
非常好用,方法是对需要对齐的input元素使用 vertical-align 属性比如:.nav_r img,.nav_r input,.nav_r select{vertical-align:middle;}这样确实对得很齐。转载 2012-02-15 09:42:07 · 618 阅读 · 0 评论 -
兼容IE6,7的inline-block
行内元素的display:inline-block属性.box { width:20%; height:50px; margin:0 0 10px 10px; border:solid 3px #f00;}.sty-lb { display:inline-block;}.divbox{width:200px;height:50px;;borde转载 2012-02-16 21:44:28 · 657 阅读 · 0 评论 -
IE6不支持position:fixed的解决方法
#chwl{width:50px;position:fixed;top:200px;left:50%;margin-left:-550px;_position:absolute;_margin-left:-430px;_top:expression(documentElement.scrollTop); }转载 2012-02-16 22:28:30 · 602 阅读 · 0 评论 -
js去空格
str为要去除空格的字符串:去除所有空格: str = str.replace(/\s+/g,""); 去除两头空格: str = str.replace(/^\s+|\s+$/g,"");去除左空格:str=str.replace( /^\s*/, '');去除右空格:str=str.replace(/(\s*$)/g, "")转载 2012-02-29 14:30:45 · 1508 阅读 · 0 评论 -
js获取iframe框架中src所指向的文件的內容 .
获取iframe框架中src所指向的文件的內容function ini(){ alert(document.getElementById("frame_id").contentWindow.document.body.innerHTML)}转载 2012-03-10 11:28:56 · 3920 阅读 · 1 评论 -
JQuery获得绝对 相对位置的坐标方法
(body属性设置margin :0;padding:0;) var X = $('#DivID').offset().top; var Y = $('#DivID').offset().left; 获取相对(父元素)位置: var X = $('#DivID').position().top; var Y = $('#DivID').position().left;转载 2012-03-29 22:31:00 · 784 阅读 · 0 评论 -
js获取高度
var s = ""; s += " 网页可见区域宽:"+ document.body.clientWidth;s += " 网页可见区域高:"+ document.body.clientHeight; s += " 网页可见区域宽:"+ document.body.offsetWidth +" (包括边线和滚动条的宽)"; s += " 网页可见区域高:"+ document.b转载 2012-05-16 19:17:00 · 1406 阅读 · 0 评论 -
JS做计算保留小数位的问题。
var num1 = 8.88;var num2 = 9.99;var sum = num1 * num2;alert(sum.toFixed(2));//保留两位小数原创 2011-09-14 10:55:52 · 600 阅读 · 0 评论 -
Css在IE6,IE78和火狐的中的区别
#Member{ height:200px;/*火狐解析*/;*height:209px/*IE6解析*/}*+html #Member{ height:209px;}/*IE7和IE8解析*/原创 2011-07-29 11:54:23 · 709 阅读 · 0 评论 -
Position:absolute和Relative组合使用
#div-1 { position:relative;}#div-1a { position:absolute; top:0; right:0; width:200px;}原创 2011-08-04 09:51:35 · 705 阅读 · 0 评论 -
上传图片时的预览
<br /><style type="text/css"><br />#img{<br /> filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale);<br />}<br /> <br /> <script type="text/javascript"><br /> function fimgprev(url)<br /> {<br /> var v = document.getElementBy原创 2010-10-30 16:56:00 · 404 阅读 · 0 评论 -
div图片居中
div图片居中很多人都知道,无论是图片还是文字,在div里面水平居中是很容易的,而垂直居中却比较困难。今天一个偶然的尝试,让我解决了这个问题。 <br /><br />这里涉及到两个属性,一个是line-height,另一个是vertical-align。在IE里面,只需要line-height就可以实现这个效果,不过要想在firefox和opea里面也实现这样的效果,必须用到vertical-align,而且这是属性一定要定义在image上面,而不是定义在div上。请看下面的代码: <br /><br /原创 2010-11-02 10:12:00 · 482 阅读 · 0 评论 -
div弹出层
<br />原创 2011-05-11 11:09:00 · 364 阅读 · 0 评论 -
常见你web2.0配色方案
<!-- .Alldiv { MARGIN: 10px;WIDTH: 550px; LINE-HEIGHT: 1.6em; BORDER: 1px solid #FFF; HEIGHT: 50px } .div1 { BORDER-LEFT-COLOR: #ffcc00; BORDER-BOTTOM-COLOR: #ffcc00; BORDER-TOP-CO原创 2011-06-08 13:55:00 · 881 阅读 · 0 评论 -
Web2.0 css页面配色
web2.0 color <!-- body{ margin:20px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:12px; text-align:center; } .style1{ width: 800px; hei原创 2011-06-08 13:59:00 · 539 阅读 · 0 评论 -
上传文件时JS验证文件类型
function checkType(){ //得到上传文件的值 var fileName=document.getElementById("file_logo").value; //返回String对象中子字符串最后出现的位置. var seat=fileName.lastIndexOf("."); //返回位于String对象原创 2011-06-28 11:00:00 · 541 阅读 · 0 评论 -
必备CSS
/** 清除内外边距 **/body, h1, h2, h3, h4, h5, h6, hr, p,blockquote, /* structural elements 结构元素 */dl, dt, dd, ul, ol, li, /* list elements 列表元素 */pre, /* text formatting elements 文本格式元素 */form, fieldset, l原创 2011-07-02 18:05:09 · 728 阅读 · 0 评论 -
完美控制DIV最小高度又DIV自适高度
我们在用div布局的时候经常会遇到这样的一种情况:我们需要设置一个DIV高度,当里面的东西超过这个高度时,让这个容器自动被撑开,也就是DIV自适应高度。当里面的信息很少时候,我们就设置它一个最小的固定高度。我们知道,在IE6中,如果子容器的高度超过父容器的时候,父容器会被子容器撑转载 2011-07-11 16:57:19 · 727 阅读 · 0 评论 -
Js获取当前日期和农历日期
var bsYear; var bsDate; var bsWeek; var arrLen=8; //数组长度var sValue=0; //当年的秒数var dayiy=0; //当年第几天var miy=0; //月份的下标转载 2011-07-09 17:07:21 · 14858 阅读 · 2 评论 -
js倒计时。
function _fresh() { var endtime=new Date("2011/7/23,19:33:12"); var nowtime = new Date(); var leftsecond=parseInt((endtime.getTim原创 2011-07-26 10:00:28 · 568 阅读 · 0 评论 -
js判断浏览器类型 IE6和IE7和火狐
<br /><script><br />var isIE=!!window.ActiveXObject; <br />var isIE6=isIE&&!window.XMLHttpRequest; <br />var isIE7=isIE&&!isIE6; <br />if (i原创 2010-11-27 11:04:00 · 874 阅读 · 0 评论 -
解决CSS中float:left后需要clear:both清空的繁琐步骤
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;} .clearfix{zoom:1;}dddd转载 2011-07-28 12:30:58 · 463 阅读 · 0 评论 -
utf-8编码的网页里,两个文字之间用 空格,在火狐和ie里表现的间距不一致
今天遇到一个问题,很费劲的解决了。utf-8编码的网页里,两个文字之间用 空格,在火狐和ie里表现的间距不一致,如 例子1中的 “ 密 码:“你可以在火狐和ie里分别试试。呵呵!!注意红色部分就OK了用户名: style="f转载 2011-07-20 18:33:08 · 1545 阅读 · 0 评论 -
Jquery.validate.js表单验证
一、用前必备官方网站:http://bassistance.de/jquery-plugins/jquery-plugin-validation/API: http://jquery.bassistance.de/api-browser/plugins.html官方文档:http://docs.jquery.com/Plugins/Validation/Methods 二原创 2011-12-31 16:13:35 · 3190 阅读 · 0 评论