- 博客(21)
- 收藏
- 关注
RSS订阅转载 Web UI 设计(网页设计)命名规范
http://blog.bingo929.com/web-ui-design-name-convention.html
2014-09-11 09:32:56
975
原创 CSS3背景渐变
1.http://www.zhangxinxu.com/wordpress/2010/04/css-gradient%E6%B8%90%E5%8F%98%E4%B9%8Bwebkit%E6%A0%B8%E5%BF%83%E6%B5%8F%E8%A7%88%E5%99%A8%E4%B8%8B%E7%9A%84%E4%BD%BF%E7%94%A8/
2014-08-11 09:47:19
716
原创 javascript DOM编程艺术学习笔记（7）动画案例2：
****动画2：1.为所有预览图片生成一张“集体照”形式的照片；2.隐藏这张“集体照”图片的绝大部分；3.当用户把鼠标指针悬停在某个链接上时，只显示这张“集体照”图片的相应部分；版本1.0： 点击链接切换照片 向上 向右 向下 向左
2014-04-18 14:00:56
708
原创 javascript DOM编程艺术学习笔记（6）动画案例1：
****动画案例1：让一个div隔5秒后开始向目的地（500,500）移动，到达目的地停止；步骤;1.获得元素当前位置2.如果元素已经到达目的地，则return true 结束函数；3.反之，则改变left,top使他们更加靠近目的地；4.经过一段时间后再通过setTimeout递归调用该函数；
2014-04-18 13:57:02
641
原创 javascript DOM编程艺术学习笔记（5）通过DOM来设置样式案例
*********通过DOM来设置样式案例2：PS：这边为什么要用js来修改呢，而不用CSS？因为假如我们用CSS来设置样式，则必须使用高级的选择器，但是有些浏览器是不支持的；假如为相应的行加上CLASS也是可以完成的，但是当我们要改变表格的行和列的时候，这时就得为新添加的行和列手动添加class，所以这样是非常不灵活的，为此我们可以采用JS DOM来解决；JS DOM擅长
2014-04-18 13:54:12
820
2
原创 javascript DOM编程艺术学习笔记（4）缩略语列表：
*****缩略语列表：主要把文本段落中的缩略词的标题名称给提取出来；是通过DOM来生成的，假如浏览器不支持js则会不显示；步骤：1.遍历这份文档的所有abbr元素2.保存每个abbr元素的title属性3.保持每个abbr元素的文本4.创建一个“定义列表”元素，即（dl元素）5.遍历刚才保存title属性与abbr包含文本6.创建“定义标题”元素（即dt
2014-04-18 13:51:10
676
原创 javascript DOM编程艺术学习笔记（3）Ajax初步认识：
*****Ajax初步认识：1.Ajax主要用于概括异步加载页面内容的技术；2.Ajax的主要优势就是对页面的请求以异步方式发送到服务器。而服务器不会用整个页面来响应请求，他会在后台处理请求，与此同时用户还能继续浏览页面并与页面交互。3.Ajax技术的核心是XMLHTTPRequest对象，这个对象充当着浏览器中脚本（客户端）与服务器之间的中间人的角色。以往的请求都是由浏览器直
2014-04-18 13:49:08
863
原创 javascript DOM编程艺术学习笔记（2）图片库例子：
********图片库例子：当鼠标点击页面四个图片链接时，下方的目标位置图片会修改为图片；链接所指向的图片，另外，最下方的图片描述会修改为图片链接对应的title值;改进：由于目标位置图片和图片描述文本都是为了演示DOM方法而创建的，假如，浏览器不支持javascript，则这两个元素就没有意义了，所以最好是通过DOM动态创建这两个元素，使得即使在不支持javascri
2014-04-18 13:47:07
925
原创 javascript DOM编程艺术学习笔记（1）重写getElementsByClassName(class)方法
****重写getElementsByClassName(class)方法： 购物清单 水果 零食 //JSd代码：//说明：getElementsByClassName这个方法在ie6下是不支持的，其他浏览器支持window.onload=function(){ //获得清单
2014-04-18 13:44:01
764
原创 PHP入门基本概念简介与 环境搭建
**web开发的介绍：*web开发分为：1.静态web开发（html页面）如果我们的一个页面，始终是一成不变的，则就是属于静态web开发，一般讲用html技术就Ok;2.动态web开发：比如：我们需要发帖，网上支付，发短信，发邮件，这样就需要动态web开发；*常用的动态web技术：php,jsp,asp-->asp.net,cgi(通常在linux运行（通用网关接口
2014-04-08 09:55:36
1115
原创 subslime text2 入门4.5
一、 前言之前自己只使用过editplus这款工具，但是只是停留在一个个代码编写的功能上，只是先用于熟悉代码的；现在考虑到开发效率，于是在网上开始搜索效率更高的web前端开发工具，根据前辈们的推荐，我找到了Sublime Text这款工具，并开始根据网上的一些教程开始了入门使用，在这里先简单介绍下自己学习这款工具的情况；申明：下面 的教程大部分转自网上相关的教程资料；二、 功能
2014-04-06 13:21:12
1422
原创 Jquery基础学习（1）4.4
申明：jQuery是一套跨浏览器的JavaScript函式库，简化HTML与JavaScript之间的操作，下面为摘自Wikepedia上的jQuery说明：jQuery 是开源软件，使用MIT许可证授权。[4] jQuery的语法设计使得许多操作变得容易，如操作文档对象（document）、选择DOM元素、创建动画效果、处理事件、以及开发Ajax程序。jQuery 也提供了给开发
2014-04-04 17:39:09
681
原创 JS面向对象编程基础部分(4) 4.2
****************************动态的生成选择下拉框，并能构成在另外一个文本框中显示用户选择的内容--请选择一门课程-- var last_select_num=3;//加入从数据库中查询，发现用户上次选择了3门课程 var myOption=document.createElement("OPTION");//动态添加第一门课程java
2014-04-03 19:55:37
495
原创 JS面向对象编程基础部分(3) 4.1
Document对象定义：document对象代表的整个html文档，因此可以去访问到当前文档中的各个对象（元素）。1） write() 向文档写文档或HTML表达式或JavaScript代码2） written() 等同于write()方法，不同的是在每个表达式之后写一个换行符PS:对于浏览器来说，输出效果是没有区别的，所以两者用处不多3)getElementById()通过
2014-04-03 19:47:27
488
原创 JS面向对象编程基础部分(2) 3.31
**DOM编程：1.为什么需要DOM？（1）.通过dom编程，我们可以写出各种网页游戏；（2）.ajax基础；2.简介：（附件简介原理图）3.原理介绍：（原理介绍图）4.如何把html文档映射成DOM树：（dom树图）5.dom对象简介：（dom对象简介图）6.window对象：（1）.confirm 举例：显示带有一段消息以及确认按钮和取消的对
2014-04-03 19:32:10
543
原创 JS面向对象编程基础部分
游戏的分析：（1）.看看如何通过按钮来控制mario的位置（2）.设计相关的对象那个（Mario x,y）要求：1.mario碰到边界给一个提示；2.mario可以去找另外一个物体代码如下：（只实现上下左右移动功能）html:控制栏**<img src="Mario.PNG" id="mario" style="left:2
2014-04-03 19:19:08
547
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人