- 博客(23)
- 收藏
- 关注
转载 jquery ui效果-accordion手风琴
jquery ui效果-accordion手风琴 #accordion{width: 200px;height: auto !important;min-height:100px;} Section 1 section 1 Section 2
2014-12-08 16:59:24 561
原创 jquery validata js_表单验证
一、首先在加入函数 $("#login").validate()的时候要注意里面默认的规则,有很多是不需要加上去的,详见最后的例子; (1)required:true 必输字段(2)remote:"check.php" 使用ajax方法调用check.php验证输入值(3)email:true 必须输入正确格
2014-12-05 17:00:33 772
转载 移动webAPP前端开发代码演示和技巧汇总
1. viewport:webapp视图也就是可视区域。对于桌面浏览器,我们都很清楚viewport是什么,就是除去了所有工具栏、状态栏、滚动条等等之后用于看网页的区域,这是真正有效的区域。由于移动设备屏幕宽度不同于传统web,因此我们需要改变viewport;实际上我们可以操作的属性有4 个:123456widt
2014-11-20 12:18:19 2303
转载 基于html5演示工具:impress.js
概述 如果你已经厌烦了使用PowerPoint制作PPT,那么impress.js是一个非常好的选择,用它做的PPT更加直观,效果也非常的不错。装X是需要一定代价的,不过如果你是个前端爱好者那么一切就没问题了。当然如果你能勉强明白HTML和CSS也没问题,看看这篇文章 + 一点点实践(把官网上的例子拿来改改)即可... impress.js 是国外一位开发者受 Prezi 启发,采用
2014-11-18 11:52:27 732
转载 node.js是什么
简介:node.js是一个服务器端JavaScript解释器,它的目标是帮助程序员构建高度可伸缩的应用程序,编写能够处理数万条同时连接到一个(只有一个)物理机的连接代码。JS是脚本语言,脚本语言都需要一个解析器才能运行,对于写在HTML页面里的JS,浏览器充当了解析器的角色。而对于需要独立运行的JS,NodeJS就是一个解析器。每一个解析器都是一个运行环境,不但允许JS定义各种数据结构
2014-11-17 10:30:55 733
转载 返回页面顶部
页面中有返回顶部的图标用起来使我们预览页面更方便,这个功能也是在网站中常见的功能,今天研究了一个简单的例子,用jQuery实现返回顶部的功能:css代码如下:*{ margin:0; padding:0;}#backToTop{ position:fixed; bottom:10px; left:80px; _position: absolute;_left:80px; _b
2014-11-14 17:15:59 390
转载 Jquery收藏夹
加入收藏功能是我们常见的功能,今天研究学习了一下,写了一个简单的例子,主要实现加入收藏的功能:html代码如下: 收藏本页jQuery代码如下: $(document).ready(function(){ $("#favorites").click(function(){ var ctrl=(nav
2014-11-14 17:10:26 379
转载 JS中this
this是Javascript语言的一个关键字。它代表函数运行时,自动生成的一个内部对象,只能在函数内部使用。比如, function test(){ this.x = 1; }随着函数使用场合的不同,this的值会发生变化。但是有一个总的原则,那就是this指的是,调用函数的那个对象。下面分四种情况,详细讨论this的用法。情况一:纯粹的函数调用
2014-11-14 14:41:20 274
转载 JS中typeof与instanceof的区别
JavaScript 中 typeof 和 instanceof常用来判断一个变量是否为空,或者是什么类型的。但它们之间还是有区别的:typeoftypeof是一个一元运算,放在一个运算数之前,运算数可以是任意类型。它返回值是一个字符串,该字符串说明运算数的类型。typeof 一般只能返回如下几个结果:number,boolean,string,function,object,un
2014-11-14 11:15:51 260
转载 进度条
> html> head> meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> title>进度条事件title> style type="text/css" media="screen"> *{margin:0; padding: 0;} .f-w
2014-11-12 15:03:17 294
转载 概念
你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么?经常遇到的浏览器的兼容性有哪些?怎么会出现?解决方法是什么?1、DOCTYPE 影响 CSS 处理 2、FF: 设置 padding 后, div 会增加 height 和 width, 但 IE 不会, 故需要用 !important 多设一个 height 和 width3、FF: 支持 !important, IE 则忽略
2014-11-12 15:02:39 412
转载 css布局 居中总结
居中是我们使用css来布局时常遇到的情况。使用css来进行居中时,有时一个属性就能搞定,有时则需要一定的技巧才能兼容到所有浏览器,本文就居中的一些常用方法做个简单的介绍。注:本文所讲方法除了特别说明外,都是兼容IE6+、谷歌、火狐等主流浏览器的。先来说几种简单的、人畜无害的居中方法1. 把margin设为auto具体来说就是把要居中的元素的margin-left和margi
2014-03-28 22:47:16 430
转载 关于CSS各种居中问题
行内元素(又叫内联元素inline element): ①不占据一整行,随内容而定,有以下特点: ②不可以设置宽高,也不可以设置行高,其宽度随着内容增加,高度随字体大小而改变。 ③内联元素可以设置外边界,但是外边界不对上下起作用,只能对左右起作用。 ④也可以设置内边界,但是内边界在ie6中不对上下起作用,只能对左右起作用。 常用的内联元素有: a - 锚点,b - 粗体
2014-03-28 22:25:33 580
原创 用JS实现键盘左右键控制图片移动
http-equiv="content" content="text/html"charset="utf-8"/> type="text/css"> #div1 { background-image:url("plane.png"); background-repeat: no-repeat; wi
2014-01-21 22:01:32 5335
原创 用JS实现类似淘宝购物图片切换
http-equiv="content" content="text/html"charset="utf-8"/> type="text/css"> #div1 { width: 300px; height: 300px; border: 1px solid #9fc; backgr
2014-01-21 21:50:53 1540
原创 用JS实现图片连续自动切换
http-equiv="content" content="text/html"charset="utf-8"/> type="text/css"> type="text/javascript"> var i=1; var id; var b=0;
2014-01-21 21:14:00 1358
原创 用JS实现乘法表
http-equiv="content" content="text/html"charset="utf-8"/> type="text/css"> type="text/javascript"> function f1() { var tab=document.createE
2014-01-21 21:00:52 539
原创 用JS-appendChild实现学生信息录入
http-equiv="Content-Type" content="text/html; charset=utf-8" /> 添加学生信息 type="text/css"> #div-input { font-size: 13px; } #div-bottom {
2014-01-21 20:57:10 2246
原创 HTML
一、基本语法 二、定义文档基本结构1、定义文本标题:heading 1heading 1heading 1··2、段落:...3、定义引用文本:段落缩进:三、定义列表:1、无序列表: ...2、有序列表: 3
2014-01-20 19:34:11 376
原创 HTML表单
一、基本表单结构:二、输入控件:1、文本框2、口令输入框3、复选框和单选框4、隐藏字段5、文件上传 method="post" enctype="form/multipart'(是否允许与其他数据附带一起传输)/>6、下拉列表 123 2
2014-01-20 19:31:39 366
转载 JavaScript实现的类似腾讯QQ聊天窗口抖动效果
下面这个完全可以满足的你的需求: img src="你的图片url" onMouseover="shake(this,'onmouseout')"script type="text/javascript"var typ =["marginTop","marginLeft"],rangeN=10,timeout=20; function shake
2014-01-20 19:29:27 900
原创 思维导图
终于下定决定开始了WEB前端开发工程师的学习之路,对于这个行业来说,我就是一个小白吧,不过希望通过以后的学习快速成长,尽快成为一位优秀合格的WEB前端开发工程师。在这里也希望通过博客来复习检验当天学习的课程是否理解到位。当然这第一天学的就是《思维导图》,下面就介绍一下思维导图的一些知识吧。 下面我希望通过这几个方面来介绍思维导图:(1)什么是思维导图? 思
2014-01-20 19:18:27 961
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人