javascript&html
文章平均质量分 57
blue7wings
这个作者很懒,什么都没留下…
展开
-
简单的js代码..
从今天开始0基础学习javascript,有点html和php基础,我想学习这个不会太难的,我也不视频学习了,太浪费时间,是时候自己咀嚼点东西了,哈哈.javascipt.htmlwindow.onload=initAll;function initAll(){ document.getElementById("Lincoln").onclick=saySomething; docu原创 2012-11-01 22:14:18 · 1288 阅读 · 0 评论 -
DOM中的动态脚本和动态样式
刚刚学习js中DOM的相关操作,其中动态脚本和样式感觉相当的重要.动态操作是给html添加脚本和样式,有的人可能问,给HTML添加样式,和样式,无论是内联和超链接的方式都可以,但这里重要的是动态的方式添加.例如,如果用户点击某个按键,背景颜色就发生改变,这个简单的添加样式就实现不了了,这里当然运用的事DOM相关的操作.例如,动态的添加一个js脚本:var script=document原创 2012-12-23 20:52:40 · 611 阅读 · 0 评论 -
跨浏览器事件对象和事件方法的解决方案
由于,存在IE这种奇葩的浏览器存在,导致DOM中的许多的方法,和别的浏览器不一样。所以跨浏览器是很有必要的。下面给出事件对象和事件方法的解决方案,源码来自《javascript高级程序设计》一书。//跨浏览器事件方法.var EventUtil={ addHandler:function(element,type,handler){ if(element.addEventListene原创 2012-12-26 20:16:57 · 338 阅读 · 0 评论 -
关于js继承
是明和其他功能一样,ECMAScript 实现继承的方式不止一种。这是因为 JavaScript 中的继承机制并不确规定的,而是通过模仿实现的。这意味着所有的继承细节并非完全由解释程序处理。 javascript继承方式有很多中,详情可已参见这里。 下面我介绍下运用最多的混合继承: function ClassA(sColor) { this.c原创 2012-12-20 09:49:32 · 333 阅读 · 0 评论 -
删除节点内容的三种方法
说不上原创吧,是论坛上的大神帮我的,我总结下,列在下面。我的初衷是,按一次add增加一个hellow world,按一次delete全部删除掉,但按照我的方法是,按一次delete是删除了部分,很是奇怪。var add=document.getElementById("btn1");var del=document.getElementById("btn2");add.onc原创 2013-01-13 19:00:38 · 3328 阅读 · 0 评论 -
简易的上升式广告。
学习了定时器的相关知识,就写了个上升式的广告,就是在右下角出现的那种上升式的广告,可以取消的那种,效果如下(IE有点小瑕疵):源码:上升式广告图x2.0我是广告/*************************************************/var EventUtil={ addHandler:function(element,t原创 2013-01-14 21:34:06 · 359 阅读 · 0 评论 -
js 简易的回到顶部。
思路:通过scrollTop这个属性实现,当scollTop=0的时候就回到页面顶部。代码:回到顶部#po{ width:1000px; height:2000px; background-color:#CCC; margin:auto; } var g=document.getElementById("gotop"); var p=g.fi原创 2013-01-24 16:24:00 · 580 阅读 · 0 评论 -
简易的跑马灯广告
和上一个广告一样,都是控制margin的大小和div标签的overflow属性来实现的。效果:源码:跑马灯式广告我是广告,别点我..........................................var ad=document.getElementById("ad");var po=document.getElementByI原创 2013-01-16 15:43:05 · 653 阅读 · 0 评论 -
给元素添加父节点
javascript中有很简便的添加子节点的方法,但是没有直接添加父节点的方法,可以通过变通的方法实现。思路:创建一个需要添加为的父节点,不直接添加成子节点的父节点,而是把这个父节点添加成body的子节点,然后把子节点添加成父节点的子节点。例子:给子节点son,添加一个父节点father.添加父节点 var son=document.getElementById("s原创 2013-01-16 17:30:04 · 1951 阅读 · 2 评论 -
javacript跨浏览器实现复制到剪切板
使用clipboardData这个属性可以实现复制到剪切板,但是在chrome浏览器下无法使用,推荐使用zeroclipboard解决。将文件中的ZeroClipboard.js和ZeroClipboard.swf放在一起,然后调用js文件,即可。例如: var clip=new ZeroClipboard( document.getElementById("one原创 2013-01-20 18:34:37 · 682 阅读 · 0 评论 -
html小总结:表格斑马纹的实现.
效果:原理:最简单的方法就是在每一偶数行加上class选择器.code:css: tbody tr.even{background-color:#AAA;}html:书名价格作者简介javasript程序设计99.00查理入门必学韩语入门33.00韩老师看完就能说.....此处省略若干个字..原创 2012-11-24 15:44:00 · 6776 阅读 · 0 评论 -
html小总结:表格立体效果的实现.
效果:原理:就是通过控制控制表格中单元格的内边距和边框属性,形成立体的效果.code:tr th{ padding:5px; border:2px solid #EEE; border-bottom-color:#666; border-right-color:#666;}原创 2012-11-24 15:32:20 · 4466 阅读 · 0 评论 -
css构建很赞的表单效果
效果就是将提交按钮改成文字状的,这样看着更加简洁.CODE用css建立表单form{ font:20px Arial, Helvetica, sans-serif; }.txt{ font:20px Arial, Helvetica, sans-serif; border:0px; border-bottom:1px black solid; ba原创 2012-12-01 19:07:20 · 609 阅读 · 0 评论 -
javascript简单的反转器.
the page's rollover原创 2012-11-02 19:39:15 · 572 阅读 · 0 评论 -
html小总结:邻接选择器
相对于并集选择器,交集选择器,邻接选择用的并不多,但在特殊的情景下还是蛮实用的.通过案例很轻易的理解它的用法.案例:css:body ul li+li {color:red;}html:这是第一个li这是第一个li这是第一个li这是第一个li这是第一个li效果:可以看见第二个li标签中的文字全部都是红色的了,也就是说li+li原创 2012-11-24 23:35:54 · 801 阅读 · 0 评论 -
复杂点的javascript翻转器.
上次按照书上写了简单的javascript翻转器,这次写了发杂点的,这个翻转器将图片加载到缓存中,从而造成从服务器获得图像造成的缓存.需要的文件是,图片(xx.gif)和要反转的图片(xx_on.gif).复杂点的翻转器window.onload=rolloverInit;function rolloverInit(){ //查找图片文件,如果是图片且父标签是就传递给set原创 2012-11-10 20:50:04 · 488 阅读 · 0 评论 -
文字下沉并浮动.
显示效果:css code:#firstLetter{font-size:2em;float:left;text-transform:capitalize;}html code:a......个人觉得这样的效果还是很文艺的,和我以前看英语杂志右边同样的效果.虽然效果简单,但是很实用啊..哈哈...原创 2012-11-11 10:56:34 · 477 阅读 · 0 评论 -
简单实现在一个页面内上下跳转..
我们上网的时候又是会发现,有回到顶部的功能,这是怎么实现的呢?估计是这样的,下面是我的简单的代码.显然的只有在大段文字的时候才能起效.html code:这是第二个测试文档回到底部恋爱恐惧症就是指对恋爱出现恐惧,进入可以恋爱的年龄却不敢恋爱,从而影响了自己的感情生活。 恋爱恐惧症产生的原因主要是人生经历有关,比如说自己在以前的爱情史中受到过伤害,或者说自己的亲人与朋友原创 2012-11-11 11:32:32 · 1438 阅读 · 0 评论 -
css小总结:overflow,vertical-align,border-collapse属性.
overflow属性检索或设置当对象的内容超过其指定高度及宽度时如何管理内容.如果超出指定的高度或者宽度就可以指定其行为.取值:visible: 不剪切内容。 hidden: 将超出对象尺寸的内容进行裁剪,将不出现滚动条。 scroll: 将超出对象尺寸的内容进行裁剪,并以滚动条的方式显示超出的内容。 auto: 在需要时剪切内容并添加滚动条,此为body对象和textarea原创 2012-11-27 22:58:37 · 1819 阅读 · 0 评论 -
css构建两个简单的导航栏
css构建两个简单的导航栏第一个导航栏效果:当鼠标移动到上面的时候,对应的颜色改变code:荧光灯效果的菜单a{ text-decoration:none; display:block; width:120px; }a:link,a:visited{ border:1px solid #999; border-top:solid 10p原创 2012-11-29 11:11:10 · 859 阅读 · 0 评论 -
简单的玻璃材质导航栏
效果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原创 2012-11-29 16:34:37 · 801 阅读 · 0 评论 -
关于<img>标签的一点理解
最近,用smarty发现插入图片的时候,图片老是不显示,我想是不是smarty本身的问题,后来仔细看了看这个标签,真发现以前一点没用心学习.下面是我们使用标签可能使用的方法.关于img标签的一点小理解这是第一张图片:这是第二张图片:这是第三张图片:这是第四张相片:我们来看下效果:这是本地预览:这是在服务器上的预览:无论在那种情况下,原创 2012-12-02 15:22:42 · 517 阅读 · 0 评论 -
js关于有参函数的调用。
学了这么久的js居然没有意识到这个问题。对于一个无参函数,调用很简单,如下:var btn=document.getElementById("btn");function test(){ alert("hi"); }btn.onclick=test;所以,我理所当然地认为,有参函数的调用,如下:var btn=document.getElem原创 2013-01-22 17:59:57 · 7124 阅读 · 0 评论