2012年4月12日
JavaScript—DOM编程核心.
摘要： DOM Core常用部分:DOM方法创建节点:createElement(),createTextNode()复制节点:cloneNode()插入节点:appendChild(),insertBefore删除节点:removeChild()替换节点:replaceChild()查找节点:getAttribute(),getElementById(),getElementsByTagName,hasChildNodes设置节点属性:setAttribute()DOM属性节点的属性:nodeName,nodeType,nodeValue遍历节点树:childNodes,firstChild,las 阅读全文
posted @ 2012-04-12 16:34 {前端开发} 阅读(423) 评论(0) 推荐(0) 编辑
测试1
摘要： var obj = $(".tip2-bx"),other = $(".enter"),timefunction effect(){ var _this = this; this.other = other; this.obj = obj; other.hover( function(){ _this.show($(this)) }, function(){ _this.hide($(this)) } ) obj.hover( function(){ clearTimeout(time) }, function(){ obj.css({"vis 阅读全文
posted @ 2012-04-12 11:05 {前端开发} 阅读(129) 评论(0) 推荐(0) 编辑
2012年3月20日
jQuery 获取屏幕高度、宽度
摘要： 做手机Web开发做浏览器兼容用到了，所以在网上找了些汇总下。 alert($(window).height()); //浏览器当前窗口可视区域高度 alert($(document).height()); //浏览器当前窗口文档的高度 alert($(document.body).height());//浏览器当前窗口文档body的高度 alert($(document.body).outerHeight(true));//浏览器当前窗口文档body的总高度 包括border padding margin alert($(window).width()); //浏览器当前窗口可视区域宽度... 阅读全文
posted @ 2012-03-20 16:01 {前端开发} 阅读(313) 评论(0) 推荐(0) 编辑
2012年2月16日
jquery事件机制扩展，jquery鼠标右键事件。
摘要： 因为最近技术长进缓慢，也没高手带，只能靠自己了，所以想仿个WEBQQ来锻炼下自己。做之前最好先把必要的东西准备好。jquery其实本身的事件机制就很完善了，包括了单击，双击，鼠标移入，鼠标移出等。但是却少了一个做事件。就是鼠标右击事件。当然大家也是直接用侦听鼠标按下事件，然后通过if来判断执行相应的函数。造成鼠标右击事件的效果。 但是这不是我想要的，我想要的似乎这个事件可以跟其它事件比如单击事件一样。可以被方便的使用，而不需要每次都去判断。这里通过编写jquery插件的形式扩展，让这个方法可以直接使用$().rightClick();来使用。 jQuery的插件主要分3种类型 1.封装对象.. 阅读全文
posted @ 2012-02-16 14:55 {前端开发} 阅读(2666) 评论(0) 推荐(0) 编辑
2011年10月13日
滚动
摘要： functionMarquee(){this.ID=document.getElementById(arguments[0]);if(!this.ID){alert("您要设置的\""+arguments[0]+"\"初始化错误\r\n请检查标签ID设置是否正确!");this.ID=-1;return;}this.Direction=this.Width=this.Height=this.DelayTime=this.WaitTime=this.CTL=this.StartID=this.Stop=this.MouseOver=0; 阅读全文
posted @ 2011-10-13 15:35 {前端开发} 阅读(314) 评论(0) 推荐(0) 编辑
2011年9月23日
写了个切换效果
摘要： 1<!DOCTYPEHTML>2<html>3<head>4<metacharset="gbk">5<title>切换</title>6</head>7<style>8body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{padding:0;margin:0}9body{font:12px/22pxTahoma,"宋体"; 阅读全文
posted @ 2011-09-23 17:03 {前端开发} 阅读(177) 评论(0) 推荐(0) 编辑
2011年8月4日
如何将广告始终定位到网页右下角
摘要： body{margin:0;border:0;height:100%;overflow-y:auto;}#test{display:block;bottom:3px;right:3px;width:130px;position:fixed;}/*以下是写给IE6的*/*html#test{position:absolute;right:18px}*html{overflow-x:auto;overflow-y:hidden;} 阅读全文
posted @ 2011-08-04 14:37 {前端开发} 阅读(236) 评论(0) 推荐(0) 编辑
网站采取黑白素装配色的方法
摘要： 如果需要某一区域保持原色调（例如LOGO区域），则需要定义一个单独的样式，然后在需要的地方引用该样式即可.nogray{filter:gray(enabled=false);}方法2：局部通配符：form,div,table,span,img,ul,ol,li{filter:gray;}方法3：手册上讲：使用 BasicImage滤镜可以更有效率的建立效果，不过用软件检测，页面载入速度并没有明显的提高，大家也可以考虑使用这种方法来实现，优点是，在处理透明图片上，效果更好一点（无毛边）：html { filter: progid: DXImageTransform.Microsoft.Basic 阅读全文
posted @ 2011-08-04 13:59 {前端开发} 阅读(244) 评论(0) 推荐(0) 编辑
2011年6月8日
超强JavaScript编辑器WebStorm代码提示迟缓问题及其它想到的
摘要： 去D2后发现 Hedger 的js编辑器是webStorm，便下载来试试，结果发现：虽然WebStorm的js的提示远远不如aptana那么强悍(输入字母d不提示document)，但是做为 IntelliJ IDEA 的js缩水版，其它功能也是比较期待的。具体的有：1. 文件不用保存，敲完直接看演示(ff也有类似的一款插件，罗浮宫abcd曾推荐过)。2. 自带有svn，如果不用服务器版的svn的话，本地自身带一个版本管理的。非常方便。3. 编辑右侧有各浏览器浏览快捷方式，更是快中快。说不好的一点，就是吃内存。今天使用js提示比较迟缓。发现在设置-> Code Completion -& 阅读全文
posted @ 2011-06-08 13:47 {前端开发} 阅读(698) 评论(0) 推荐(0) 编辑
2011年5月6日
event 和 window.event
摘要： event 和 window.eventJavascript2008-06-30 13:05:57阅读14评论0字号：大中小订阅在IE/Opera中，是window.event，而在Firefox中，是event而事件的对象，在IE中是window.event.srcElement，在Firefox中是event.target，而在Opera中则两者都支持。我们还是用例子来说明。//***********************************<HTML><HEAD><TITLE>event的跨浏览器测试</TITLE><SCRIP 阅读全文
posted @ 2011-05-06 15:50 {前端开发} 阅读(382) 评论(0) 推荐(0) 编辑
2010年11月30日
JS实例/测验
摘要： JavaScript 实例实例生成文本如何在页面中写文本生成普通文本和标签如何使用JavaScript在页面中写入普通文本和标签。head部分包含函数的脚本位于文档的head部分。这样我们就可以确保在函数被调用前，脚本已经被载入了。body部分执行位于body部分的脚本。外部脚本如何访问外部脚本。变量变量用来存储信息。这个例子向你展示如何做点这一点。If 声明如何编写一个If声明。If...els... 阅读全文
posted @ 2010-11-30 17:18 {前端开发} 阅读(299) 评论(0) 推荐(0) 编辑
2010年11月10日
CSS和JS标签style属性对照表
摘要： 盒子标签和属性对照 CSS语法（不区分大小写） JavaScript语法（区分大小写） border border border-bottom borderBottom border-bottom-color borderBottomColor border-bottom-style borderBottomStyle border-bottom-width borderBottomW... 阅读全文
posted @ 2010-11-10 14:14 {前端开发} 阅读(227) 评论(0) 推荐(0) 编辑
2010年11月6日
透明背景
摘要： .dialog{position:absolute;padding:5px;background:rgba(0,0,0,0.1);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#220... 阅读全文
posted @ 2010-11-06 14:26 {前端开发} 阅读(267) 评论(0) 推荐(0) 编辑
2010年11月1日
实用的多级树形展开菜单
摘要： [代码] 阅读全文
posted @ 2010-11-01 17:39 {前端开发} 阅读(1204) 评论(0) 推荐(0) 编辑
2010年10月26日
clientHeight、offsetHeight和scrollleft
摘要： 我们这里说说四种浏览器对 document.body 的 clientHeight、offsetHeight 和 scrollHeight 的解释，这里说的是 document.body，如果是 HTML 控件，则又有不同，点击这里查看。这四种浏览器分别为IE（Internet Explorer）、NS（Netscape）、Opera、FF（FireFox）。clientHeight大家对 cli... 阅读全文
posted @ 2010-10-26 17:35 {前端开发} 阅读(205) 评论(0) 推荐(0) 编辑