blue7wings的专栏

从今天开始0基础学习javascript,有点html和php基础,我想学习这个不会太难的,我也不视频学习了,太浪费时间,是时候自己咀嚼点东西了,哈哈. javascipt.html window.onload=initAll; function initAll(){ document.getElementById("Lincoln").onclick=saySomething; docu

刚刚学习js中DOM的相关操作,其中动态脚本和样式感觉相当的重要. 动态操作是给html添加脚本和样式,有的人可能问,给HTML添加样式,和样式,无论是内联和超链接的方式都可以,但这里重要的是动态的方式添加.例如,如果用户点击某个按键,背景颜色就发生改变,这个简单的添加样式就实现不了了,这里当然运用的事DOM相关的操作. 例如,动态的添加一个js脚本: var script=document

由于，存在IE这种奇葩的浏览器存在，导致DOM中的许多的方法，和别的浏览器不一样。所以跨浏览器是很有必要的。下面给出事件对象和事件方法的解决方案，源码来自《javascript高级程序设计》一书。 //跨浏览器事件方法. var EventUtil={ addHandler:function(element,type,handler){ if(element.addEventListene

是明和其他功能一样，ECMAScript 实现继承的方式不止一种。这是因为 JavaScript 中的继承机制并不确规定的，而是通过模仿实现的。这意味着所有的继承细节并非完全由解释程序处理。      javascript继承方式有很多中，详情可已参见这里。      下面我介绍下运用最多的混合继承：        function ClassA(sColor) { this.c

说不上原创吧，是论坛上的大神帮我的，我总结下，列在下面。 我的初衷是，按一次add增加一个hellow world，按一次delete全部删除掉，但按照我的方法是，按一次delete是删除了部分，很是奇怪。 var add=document.getElementById("btn1"); var del=document.getElementById("btn2"); add.onc

学习了定时器的相关知识，就写了个上升式的广告，就是在右下角出现的那种上升式的广告，可以取消的那种，效果如下（IE有点小瑕疵）： 源码： 上升式广告图x2.0 我是广告 /*************************************************/ var EventUtil={ addHandler:function(element,t

思路：通过scrollTop这个属性实现，当scollTop=0的时候就回到页面顶部。 代码： 回到顶部 #po{ width:1000px; height:2000px; background-color:#CCC; margin:auto; } var g=document.getElementById("gotop"); var p=g.fi

和上一个广告一样，都是控制margin的大小和div标签的overflow属性来实现的。 效果： 源码： 跑马灯式广告 我是广告，别点我.................... ...................... var ad=document.getElementById("ad"); var po=document.getElementByI

javascript中有很简便的添加子节点的方法，但是没有直接添加父节点的方法，可以通过变通的方法实现。 思路：创建一个需要添加为的父节点，不直接添加成子节点的父节点，而是把这个父节点添加成body的子节点，然后把子节点添加成父节点的子节点。 例子：给子节点son,添加一个父节点father. 添加父节点 var son=document.getElementById("s

使用clipboardData这个属性可以实现复制到剪切板，但是在chrome浏览器下无法使用，推荐使用zeroclipboard解决。 将文件中的ZeroClipboard.js和ZeroClipboard.swf放在一起，然后调用js文件，即可。 例如： var clip=new ZeroClipboard( document.getElementById("one

效果: 原理: 最简单的方法就是在每一偶数行加上class选择器. code: css:  tbody tr.even{ background-color:#AAA; } html: 书名价格作者简介 javasript程序设计99.00查理入门必学 韩语入门33.00韩老师看完就能说 .....此处省略若干个字..

效果: 原理: 就是通过控制控制表格中单元格的内边距和边框属性,形成立体的效果. code: tr th{ padding:5px; border:2px solid #EEE; border-bottom-color:#666; border-right-color:#666;}

效果 就是将提交按钮改成文字状的,这样看着更加简洁. CODE 用css建立表单 form{ font:20px Arial, Helvetica, sans-serif; } .txt{ font:20px Arial, Helvetica, sans-serif; border:0px; border-bottom:1px black solid; ba

the page's rollover

相对于并集选择器,交集选择器,邻接选择用的并不多,但在特殊的情景下还是蛮实用的.通过案例很轻易的理解它的用法. 案例: css: body ul li+li { color:red; } html: 这是第一个li 这是第一个li 这是第一个li 这是第一个li 这是第一个li 效果: 可以看见第二个li标签中的文字全部都是红色的了,也就是说li+li

上次按照书上写了简单的javascript翻转器,这次写了发杂点的,这个翻转器将图片加载到缓存中,从而造成从服务器获得图像造成的缓存. 需要的文件是,图片(xx.gif)和要反转的图片(xx_on.gif). 复杂点的翻转器 window.onload=rolloverInit; function rolloverInit(){ //查找图片文件,如果是图片且父标签是就传递给set

显示效果: css code: #firstLetter{font-size:2em;float:left;text-transform:capitalize;} html code: a...... 个人觉得这样的效果还是很文艺的,和我以前看英语杂志右边同样的效果.虽然效果简单,但是很实用啊..哈哈...

我们上网的时候又是会发现,有回到顶部的功能,这是怎么实现的呢?估计是这样的,下面是我的简单的代码.显然的只有在大段文字的时候才能起效. html code: 这是第二个测试文档 回到底部 恋爱恐惧症就是指对恋爱出现恐惧，进入可以恋爱的年龄却不敢恋爱，从而影响了自己的感情生活。 　　恋爱恐惧症产生的原因主要是人生经历有关，比如说自己在以前的爱情史中受到过伤害，或者说自己的亲人与朋友

overflow属性 检索或设置当对象的内容超过其指定高度及宽度时如何管理内容.如果超出指定的高度或者宽度就可以指定其行为. 取值: visible： 不剪切内容。 hidden： 将超出对象尺寸的内容进行裁剪，将不出现滚动条。 scroll： 将超出对象尺寸的内容进行裁剪，并以滚动条的方式显示超出的内容。 auto： 在需要时剪切内容并添加滚动条，此为body对象和textarea

css构建两个简单的导航栏 第一个导航栏 效果: 当鼠标移动到上面的时候,对应的颜色改变 code: 荧光灯效果的菜单 a{ text-decoration:none; display:block; width:120px; } a:link,a:visited{ border:1px solid #999; border-top:solid 10p

效果 code 玻璃特效的导航菜单 body{ margin:0; margin-top:20px; } ul#menu{ font-family:Arial, Helvetica, sans-serif; font-size:17px; background-image:url(images/under.gif); padding:0 0 0 8px; li

最近,用smarty发现插入图片的时候,图片老是不显示,我想是不是smarty本身的问题,后来仔细看了看这个标签,真发现以前一点没用心学习. 下面是我们使用标签可能使用的方法. 关于img标签的一点小理解 这是第一张图片: 这是第二张图片: 这是第三张图片: 这是第四张相片: 我们来看下效果: 这是本地预览: 这是在服务器上的预览: 无论在那种情况下,

学了这么久的js居然没有意识到这个问题。 对于一个无参函数，调用很简单，如下： var btn=document.getElementById("btn"); function test(){ alert("hi"); } btn.onclick=test; 所以，我理所当然地认为，有参函数的调用，如下： var btn=document.getElem