life is wonderful

世界上并没有完美的程序,但我们并不因此而沮丧,因为写程序本来就是一个不断追求完美的过程。...

Web前端开发实战3:二级下拉式菜单之jQuery实现

大家都知道jQuery是一个框架,它对JS进行了封装,使其更方便使用。前面两篇博文分别是用CSS样式和JS实现 的,那么这篇就用jQuery来实现二级下拉式菜单。        使用JQuery实现需要用到的知识有:        1)使用$(function(){...})获取到想要作用的...

2015-12-31 19:42:11

阅读数:3820

评论数:1

Web前端开发实战2:二级下拉式菜单之JS实现

上一篇博文提到了二级下拉式菜单是用HTML和CSS实现的,我们这一篇来用JavaScript脚本实现下拉菜单的显 示和隐藏。使用 JavaScript方法实现我们需要用的知识有:         1)JS事件:onmouseover鼠标经过事件和onmouseout鼠标离开事件。         ...

2015-12-31 14:04:46

阅读数:11884

评论数:1

Web前端开发实战1:二级下拉式菜单之CSS实现

二级下拉式菜单在各大学校网站,电商类网站,新闻类网站等大型?网站很常见,那么它的实现原理是什么呢? 学习了Web前端开发的知识后,我们是可以实现这样的功能的。复杂的都是从基础效果上添加做出来的,原理和流程 还是一样的,今天开始做一些简单的二级下拉式菜单。        横向一级菜单我们见到的很多,...

2015-12-30 20:47:58

阅读数:17499

评论数:1

轻松学习JavaScript二十九:JavaScript中的this详解

这几天在看很多的JS的代码,多次出现this关键字,有时候表示不理解,就仔细看了这一方面的知识。         在JavaScript语言中,this的定义是:this是包含它的函数作为方法被调用时所属的对象。说明:这句话有点咬 嘴,但一个多余的字也没有,定义非常准确,我们可以分3部分来理解...

2015-12-29 20:59:42

阅读数:1863

评论数:0

轻松学习JavaScript二十八:DOM编程学习之事件处理函数

在JavaScript语言中可以处理的事件类型可以分为:鼠标事件,键盘事件和HTML事件。对于于每一个事件,它都 有自己的触发范围和方式,如果超出了触发范围和方式,事件处理就会失效。所有的事件处理函数都会有两个部分组 成,on+事件名称,例如click事件的时间处理函数就是:onclick。 ...

2015-12-29 13:34:16

阅读数:1708

评论数:1

轻松学习JavaScript二十七:DOM编程学习之事件模型

在介绍事件模型之前,我们先来看什么是事件和什么是event对象。        一事件介绍        JavaScript事件是由访问Web页面的用户引起的一系列操作,使我们有能力创建动态页面,事件是可以被 JavaScript侦测到的行为。网页中的每个元素都可以产生某些可以触发Java...

2015-12-28 20:50:19

阅读数:1867

评论数:1

轻松学习JavaScript二十六:DOM编程学习之动态添加JS脚本和CSS样式

先来一贯使用的HTML文档代码: DOM window.onload=function(){ } div区域        一动态加载外部JS文件        要动态加载外部index.js文件的代码: alert("I am JS file!"...

2015-12-27 20:01:31

阅读数:2512

评论数:3

轻松学习JavaScript二十五:DOM编程学习之操作CSS样式(二)

四通过class属性操作外联式        还是先来一个HTML文档的代码: DOM window.onload=function(){ } div区域        CSS样式表style.css文件的代码: .box1{ background...

2015-12-23 18:48:35

阅读数:2354

评论数:0

轻松学习JavaScript二十四:DOM编程学习之操作CSS样式(一)

CSS样式作为HTML的辅助,可以增强页面的显示效果。前面学了DOM操作HTML,因此也要学DOM操作CSS 样式的方法。在学习CSS的时候,已经知道了CSS插入到HTML文档有三种情况,分别为:行内式,内嵌式和外联式 (这是我们最常用的)。下面就来看怎么操作这三种情况:        一操作行内...

2015-12-22 21:26:15

阅读数:2784

评论数:6

轻松学习JavaScript二十三:DOM编程学习之操作表格

一使用HTML标签创建表格:        代码: 人员表 姓名 性别 年龄 ...

2015-12-21 20:27:41

阅读数:2012

评论数:0

DIV+CSS实操七:中文系内容模块控制文本不换行和超出指定宽度后用省略号代替

在做经管系主网页的同时也在进行着中文系主网页的构建,果然是只有自己去实践了,才能遇到各种各样的问 题,然后再去寻找解决这些问题的方法,最后进行修改和不断的调试,最后达到自己想要的效果。中文系主网页构建 遇到的问题也很多,首先就是遇到了在排版链接文字时由于宽度是固定的文字过多造成折行显示,这种结...

2015-12-20 21:25:25

阅读数:2624

评论数:2

轻松学习JavaScript二十二:DOM编程学习之节点操作

DOM编程不仅仅可以查找三种节点,也可以操作节点,那就是创建,插入,删除,替换和复制节点。先来看节点 操作方法:                 还是借用一贯的HTML代码: DOM编程 window.onload=function(){ } 你喜欢那个城市...

2015-12-19 21:09:48

阅读数:2619

评论数:2

轻松学习JavaScript二十一:DOM编程学习之获取元素节点的子节点和属性节点

我们这里所说的获取元素节点的所有子节点包含元素子节点和文本节点两种。还是拿上一篇博文的代码实例进行 分析: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w...

2015-12-18 21:21:44

阅读数:4272

评论数:6

轻松学习JavaScript二十:DOM编程学习之获取节点

我们这里所说的获取节点包含元素节点,属性节点和文本节点。通常,通过DOM我们就能够操作HTML元素。为 了做到这件事情,您必须首先找到该元素。W3C提供了比较方便简单的定位节点的方法和属性,以便我们快速的对节 点进行操作。        我们先来写一个简单的HTML文档以供我们进行测试,并且JS代...

2015-12-17 19:57:10

阅读数:1897

评论数:1

轻松学习JavaScript十九:DOM编程学习之在HTML文档什么位置编写JS代码

在学习DOM编程的时候又回过头去看了过去写的JS代码,并没有考虑在什么位置编写JS代码更加符合规范以及 当HTML文档加载完毕后再运行JS代码的问题。在刚接触JS的时候,写过一篇博文:轻松学习JavaScript三:  JavaScript与HTML的结合,只是单纯就HTML与JS的结合说明JS代...

2015-12-16 20:44:35

阅读数:1947

评论数:0

轻松学习JavaScript十八:DOM编程学习之DOM简介

一DOM概述        DOM(文档对象模型)是HTML和XML的应用程序接口(API)。DOM将把整个页面规划成由节点层级构成的文档。 DOM描绘了一个层次化的节点树,运行开发人员添加,移除和修改页面的某一部分。HTML或XML页面的每个部分都 是一个节点的衍生物。通过DOM,可访问HTM...

2015-12-15 17:05:17

阅读数:2308

评论数:2

轻松学习JavaScript十七:JavaScript的BOM学习(二)

JavaScript计时事件        通过使用JavaScript中的BOM对象中的window对象的两个方法就是setTimeout()方法和claerTimeout()方法,我们 有能力作到在一个设定的时间间隔之后来执行代码,而不是在函数被调用后立即执行。我们称之为计时事件。 ...

2015-12-14 21:54:49

阅读数:1869

评论数:1

轻松学习JavaScript十六:JavaScript的BOM学习(一)

一window对象概述        BOM的核心对象是Window对象,它表示浏览器的一个实例。window对象处于JavaScript结构的最顶层,对于每 个打开的窗口,系统都会自动为其创建window对象。所有浏览器都支持window对象,它表示浏览器窗口。所有 JavaScr...

2015-12-13 15:04:30

阅读数:1881

评论数:2

轻松学习JavaScript十五:JavaScript之BOM简介

大概用了二十天结束了JS第一大模块ECMAScript核心的学习,尽管ECMAScript是一个重要的标准,但它并不是  JavaScript唯一的部分,当然,也不是唯一被标准化的部分。实际上,一个完整的JavaScript实现是由以下 3个不同部 分组成的:        核心(E...

2015-12-12 21:13:55

阅读数:2498

评论数:1

轻松学习JavaScript十四:JavaScript的RegExp对象(正则表达式)

一RegExp对象概述        RegExp对象表示正则表达式,RegExp是正则表达式的缩写,它是对字符串执行模式匹配的强大工具。RegExp 对象用于规定在文本中检索的内容。当您检索某个文本时,可以使用一种模式来描述要检索的内容。RegExp就是这 种模式。简单的模式可以是一个单独的字符...

2015-12-12 17:04:24

阅读数:2145

评论数:2

提示
确定要删除当前文章?
取消 删除