2012年7月20日
用JS来实现输入框提示文字点击时消失
摘要： 在网页登陆框里的输入框里常常会看到提示你输入什么内容的字样颜色比较淡的，这个就是“文本框点击时文字消失，失去焦点时文字出现”这个效果；这个效果用个JS就可以完成，这个效果是做网站的人必备的JS代码；自己会写JS的写写也快，不会写的就需要代码收集以作备用，用到的时候就方便多了。下面就是这个效果实现用到的JS代码：程序代码<scriptlanguage="JavaScript"type="text/javascript">functionaddListener(element,e,fn){if(element.addEventListener){ 阅读全文
posted @ 2012-07-20 10:50 leejersey 阅读(10052) 评论(1) 推荐(0) 编辑
HTML DOM defaultValue 属性
摘要： 定义和用法defaultValue 属性设置或返回文本框的初始内容。注释：文本框的初始值是位于 <textarea> 和 </textarea> 标签之间的文本。在表单被重置时，文本框将被恢复为整个值。改变这个属性的值会改变文本框中当前显示的文本。语法:textareaObject.defaultValue=text实例1:下面的例子提示出了文本框的默认值：<html><head><script type="text/javascript">function alertDefaultValue() { alert( 阅读全文
posted @ 2012-07-20 10:08 leejersey 阅读(5343) 评论(0) 推荐(1) 编辑
2012年7月19日
使用CDN加载jQuery类库
摘要： 使用CDN加载jQuery类库一是可以省一点带宽，二是可以给用户带来更快的页面加载体验，下面的CDN来自于jQuery官方，我们直接用官方推荐的CDN！Google Ajax API CDNhttp://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.jsGoogle Ajax CDN DocumentationMicrosoft CDNhttp://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.2.min.jsAjax CDN Announcement,Microsoft Ajax CDN Do 阅读全文
posted @ 2012-07-19 15:03 leejersey 阅读(5184) 评论(0) 推荐(0) 编辑
2012年7月18日
CSS透明属性详解
摘要： .transparent_class{filter:alpha(opacity=50);opacity: 0.5;}opacity: 0.5;这是最重要的，因为它是CSS标准.该属性支持firefox, Safari和 Opera.filter:alpha(opacity=50);这个是为IE6设的，可取值在0-100，其它三个0到1.CSS透明度继承问题但CSS的透明属性涉及到一个继承问题，当为父级元素设置透明度后，子元素将自动继承其透明度，比如本站的一个效果:即使你又为子元素指定透明度为1也是无效的。对于子元素是文字的情况，我的解决方法一般是如果多少还能够看清，就不管。另一个折衷的方法是， 阅读全文
posted @ 2012-07-18 18:06 leejersey 阅读(906) 评论(0) 推荐(0) 编辑
js获取节点 dom操作
摘要： 接口nodeType常量nodeType值备注ElementNode.ELEMENT_NODE1元素节点TextNode.TEXT_NODE3文本节点DocumentNode.DOCUMENT_NODE9documentCommentNode.COMMENT_NODE8注释的文本DocumentFragmentNode.DOCUMENT_FRAGMENT_NODE11document片断AttrNode.ATTRIBUTE_NODE2节点属性方法描述createAttribute()用指定的名字创建新的Attr节点。createComment()用指定的字符串创建新的Comment节点。cre 阅读全文
posted @ 2012-07-18 15:38 leejersey 阅读(2077) 评论(0) 推荐(0) 编辑
2012年7月16日
封装getByClass（JS获取class的方法封装为一个函数）
摘要： JS获取class的方法一：普通版：<script type="text/javascript">function getByClass(oParent, sClass){var aEle=oParent.getElementsByTagName('*');var aResult=[];var i=0;for(i=0;i<aEle.length;i++){if(aEle[i].className==sClass){aResult.push(aEle[i]);}}return aResult;}</script>JS获取class 阅读全文
posted @ 2012-07-16 15:45 leejersey 阅读(14546) 评论(2) 推荐(2) 编辑
2012年7月13日
css绝对定位
摘要： 页面Html<divclass="contentArea"><divid="navmenu"></div><divid="linkad"></div></div>相关CSS定义.contentArea{position:relative;/*声明一个固定的位，必须*/width:910px;overflow:hidden;}#linkad{position:absolute;/*绝对定位*/z-index:9999;top:31px;left:0;width:90 阅读全文
posted @ 2012-07-13 17:18 leejersey 阅读(311) 评论(0) 推荐(0) 编辑
Js事件大全
摘要： 一般事件事件浏览器支持描述onClickIE3|N2|O3鼠标点击事件，多用在某个对象控制的范围内的鼠标点击onDblClickIE4|N4|O鼠标双击事件onMouseDownIE4|N4|O鼠标上的按钮被按下了onMouseUpIE4|N4|O鼠标按下后，松开时激发的事件onMouseOverIE3|N2|O3当鼠标移动到某对象范围的上方时触发的事件onMouseMoveIE4|N4|O鼠标移动时触发的事件onMouseOutIE4|N3|O3当鼠标离开某对象范围时触发的事件onKeyPressIE4|N4|O当键盘上的某个键被按下并且释放时触发的事件.[注意:页面内必须有被聚焦的对象]o 阅读全文
posted @ 2012-07-13 09:25 leejersey 阅读(281) 评论(0) 推荐(0) 编辑
2012年7月12日
让IE6支持HTML5的标准方法
摘要： <!–[if IE]> <script> /*! HTML5 Shiv vpre3.6 | @afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed Uncompressed source: https://github.com/aFarkas/html5shiv */(function (a, b) { function h(a, b) { var c = a.createElement("p"), d = a.getElementsByTagName("head")[0] || 阅读全文
posted @ 2012-07-12 17:45 leejersey 阅读(8571) 评论(2) 推荐(0) 编辑
2012年7月11日
IE6/IE7下：inline-block解决方案
摘要： IE6/IE7下对display:inline-block的支持性不好。1、inline元素的display属性设置为inline-block时，所有的浏览器都支持；2、block元素的display属性设置为inline-block时，IE6/IE7浏览器是不支持的； 对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行，允许空格。（准确地说，应用此特性的元素现为内联对象，周围元素保持在同一行，但可以设置宽度和高度等块元素的属性） IE中对内联元素使用display:inline-block，IE是不识别的，但使用display:inline-block在IE下会 阅读全文
posted @ 2012-07-11 16:26 leejersey 阅读(39323) 评论(3) 推荐(12) 编辑