- 博客(23)
- 收藏
- 关注
RSS订阅转载 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
554
原创 jquery validata js_表单验证
一、首先在加入函数 $("#login").validate(）的时候要注意里面默认的规则，有很多是不需要加上去的，详见最后的例子； (1)required:true 必输字段(2)remote:"check.php" 使用ajax方法调用check.php验证输入值(3)email:true 必须输入正确格
2014-12-05 17:00:33
766
转载 移动webAPP前端开发代码演示和技巧汇总
1. viewport：webapp视图也就是可视区域。对于桌面浏览器，我们都很清楚viewport是什么，就是除去了所有工具栏、状态栏、滚动条等等之后用于看网页的区域，这是真正有效的区域。由于移动设备屏幕宽度不同于传统web,因此我们需要改变viewport;实际上我们可以操作的属性有4 个：123456widt
2014-11-20 12:18:19
2288
转载 基于html5演示工具：impress.js
概述 如果你已经厌烦了使用PowerPoint制作PPT，那么impress.js是一个非常好的选择，用它做的PPT更加直观，效果也非常的不错。装X是需要一定代价的，不过如果你是个前端爱好者那么一切就没问题了。当然如果你能勉强明白HTML和CSS也没问题，看看这篇文章 + 一点点实践（把官网上的例子拿来改改）即可... impress.js 是国外一位开发者受 Prezi 启发，采用
2014-11-18 11:52:27
700
转载 node.js是什么
简介:node.js是一个服务器端JavaScript解释器，它的目标是帮助程序员构建高度可伸缩的应用程序，编写能够处理数万条同时连接到一个（只有一个）物理机的连接代码。JS是脚本语言，脚本语言都需要一个解析器才能运行，对于写在HTML页面里的JS，浏览器充当了解析器的角色。而对于需要独立运行的JS，NodeJS就是一个解析器。每一个解析器都是一个运行环境，不但允许JS定义各种数据结构
2014-11-17 10:30:55
713
转载 返回页面顶部
页面中有返回顶部的图标用起来使我们预览页面更方便，这个功能也是在网站中常见的功能，今天研究了一个简单的例子，用jQuery实现返回顶部的功能：css代码如下：*{ margin:0; padding:0;}#backToTop{ position:fixed; bottom:10px; left:80px; _position: absolute;_left:80px; _b
2014-11-14 17:15:59
380
转载 Jquery收藏夹
加入收藏功能是我们常见的功能，今天研究学习了一下，写了一个简单的例子，主要实现加入收藏的功能：html代码如下： 收藏本页jQuery代码如下： $(document).ready(function(){ $("#favorites").click(function(){ var ctrl=(nav
2014-11-14 17:10:26
368
转载 JS中this
this是Javascript语言的一个关键字。它代表函数运行时，自动生成的一个内部对象，只能在函数内部使用。比如， function test(){ this.x = 1; }随着函数使用场合的不同，this的值会发生变化。但是有一个总的原则，那就是this指的是，调用函数的那个对象。下面分四种情况，详细讨论this的用法。情况一：纯粹的函数调用
2014-11-14 14:41:20
267
转载 JS中typeof与instanceof的区别
JavaScript 中 typeof 和 instanceof常用来判断一个变量是否为空，或者是什么类型的。但它们之间还是有区别的：typeoftypeof是一个一元运算，放在一个运算数之前，运算数可以是任意类型。它返回值是一个字符串，该字符串说明运算数的类型。typeof 一般只能返回如下几个结果：number,boolean,string,function,object,un
2014-11-14 11:15:51
254
转载 进度条
> 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
291
转载 概念
你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么?经常遇到的浏览器的兼容性有哪些？怎么会出现？解决方法是什么？1、DOCTYPE 影响 CSS 处理 2、FF: 设置 padding 后， div 会增加 height 和 width， 但 IE 不会， 故需要用 !important 多设一个 height 和 width3、FF: 支持 !important， IE 则忽略
2014-11-12 15:02:39
403
转载 css布局 居中总结
居中是我们使用css来布局时常遇到的情况。使用css来进行居中时，有时一个属性就能搞定，有时则需要一定的技巧才能兼容到所有浏览器，本文就居中的一些常用方法做个简单的介绍。注：本文所讲方法除了特别说明外，都是兼容IE6+、谷歌、火狐等主流浏览器的。先来说几种简单的、人畜无害的居中方法1. 把margin设为auto具体来说就是把要居中的元素的margin-left和margi
2014-03-28 22:47:16
421
转载 关于CSS各种居中问题
行内元素（又叫内联元素inline element）: ①不占据一整行，随内容而定，有以下特点： ②不可以设置宽高，也不可以设置行高，其宽度随着内容增加，高度随字体大小而改变。 ③内联元素可以设置外边界，但是外边界不对上下起作用，只能对左右起作用。 ④也可以设置内边界，但是内边界在ie6中不对上下起作用，只能对左右起作用。 常用的内联元素有： a - 锚点，b - 粗体
2014-03-28 22:25:33
576
原创 用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
5320
原创 用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
1535
原创 用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
1351
原创 用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
534
原创 用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
2237
原创 HTML
一、基本语法 二、定义文档基本结构1、定义文本标题：heading 1heading 1heading 1··2、段落：...3、定义引用文本：段落缩进：三、定义列表：1、无序列表: ...2、有序列表： 3
2014-01-20 19:34:11
372
原创 HTML表单
一、基本表单结构：二、输入控件：1、文本框2、口令输入框3、复选框和单选框4、隐藏字段5、文件上传 method="post" enctype="form/multipart'(是否允许与其他数据附带一起传输)/>6、下拉列表 123 2
2014-01-20 19:31:39
361
转载 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
890
原创 思维导图
终于下定决定开始了WEB前端开发工程师的学习之路，对于这个行业来说，我就是一个小白吧，不过希望通过以后的学习快速成长，尽快成为一位优秀合格的WEB前端开发工程师。在这里也希望通过博客来复习检验当天学习的课程是否理解到位。当然这第一天学的就是《思维导图》，下面就介绍一下思维导图的一些知识吧。 下面我希望通过这几个方面来介绍思维导图：（1）什么是思维导图？ 思
2014-01-20 19:18:27
949
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人