05 2017 档案

HTML5编辑API之Range对象
摘要：Range对象代表页面上的一段连续区域，通过Range对象，可以获取或修改页面上的任何区域，可以通过如下创建一个空的Range对象，如下： var range = document.createRange(); 在html5中，每一个浏览器窗口及每一个窗口中都有一个selection对象，代表用户鼠 阅读全文

posted @ 2017-05-30 22:55 郑源 阅读(241) 评论(0) 推荐(0)

html5新增表单元素和属性
摘要：从三方面来介绍html5表单的新特性表单结构更灵活 要提交数据的控件可以布局在form标签之外，看下面的代码，表单元素可以写到form元素之外，只需在元素中加入form="form1"属性，也可提交到form元素指定的服务器地址 <body><form action="upload.php" met 阅读全文

posted @ 2017-05-30 21:14 郑源 阅读(994) 评论(0) 推荐(0)

HTML5新增的属性和废除的属性
摘要：HTML5中，在新增加和废除很多元素的同时，也增加和废除了很多属性。 新增的属性 1、表单相关的属性 对input（type=text）、select、textarea与button指定autofocus属性。它以指定属性的方式让元素在画面打开时自动获得焦点。 对input（type=text）、t 阅读全文

posted @ 2017-05-29 18:48 郑源 阅读(388) 评论(0) 推荐(0)

利用ajax的方式来提交数据到后台数据库及交互功能
摘要：怎么样用ajax来提交数据到后台数据库，并完成交互呢？？？？？一、当我们在验证表单的时候，为了阻止把错误的也发送到服务器，我们通常这样设置： $(function(){ var isusername;(定一个变量) var ispwd; $('form').submit(function(e){ i 阅读全文

posted @ 2017-05-28 10:18 郑源 阅读(5127) 评论(0) 推荐(0)

基于jQuery实现左右图片轮播（原理通用）
摘要：基于jQuery实现左右图片轮播（原理通用）， 本文为大家分享了jQuery实现左右图片轮播代码，供大家参考，具体实现内容如下 运行效果图： 重点！！！ 实现原理： 通过判断index值的大小变化来判断图片左移还是右移。通过控制图片的left值，来达到一个轮播的效果。 具体代码： 以上就是本文的全部 阅读全文

posted @ 2017-05-26 15:13 郑源 阅读(318) 评论(0) 推荐(0)

Jquery实现的简单轮播效果-代码
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="css/index.css"> <script src="js/jquery- 阅读全文

posted @ 2017-05-26 14:55 郑源 阅读(459) 评论(0) 推荐(0)

CSS居中完整指南
摘要：使用 CSS 实现居中效果困难吗？显然不是。实际上有许多方法可以实现居中效果，但在具体情况中，我们往往无法判断哪种方法最合适。 所以让我们来创建一个层次结构的方法集，帮助你解决选择困难症~ 水平居中 行内或类行内元素（比如文本和链接） 在块级父容器中让行内元素居中，只需使用 text-align: 阅读全文

posted @ 2017-05-26 13:29 郑源 阅读(243) 评论(0) 推荐(0)

css cursor鼠标指针光标样式pointer
摘要：Css cursor鼠标指针鼠标光标样式教程篇 我们在DIV CSS布局时候，我们会遇到对对象内鼠标指针光标进行控制，比如鼠标经过指针变为手指形状等样式，接下来我们介绍鼠标指针样式cursor控制。系统默认鼠标指针样式外，可以通过CSS设置图片为鼠标指针，常见有些网站鼠标指针是各种各样小图片样式，当 阅读全文

posted @ 2017-05-26 13:26 郑源 阅读(9389) 评论(0) 推荐(0)

CSS实现垂直居中的5种方法
摘要：利用 CSS 来实现对象的垂直居中有许多不同的方法，比较难的是选择那个正确的方法。我下面说明一下我看到的好的方法和怎么来创建一个好的居中网站。 使用 CSS 实现垂直居中并不容易。有些方法在一些浏览器中无效。下面我们看一下使对象垂直集中的5种不同方法，以及它们各自的优缺点。(可以看看测试页面，有简短 阅读全文

posted @ 2017-05-26 12:43 郑源 阅读(384) 评论(0) 推荐(0)

关于z-index 那些你不知道的事
摘要：CSS当中的z-index属性看起来足够简单，但是如果你真的想了解它是如何工作的话，在这简单的表面之下，又有许多值得探究的内容。 在这篇教程中，通过探究层叠上下文和一系列实际的例子，我们将会阐明z-index的内在机理。 CSS为盒模型的布局提供了三种不同的定位方案： 常规文档流 浮动 绝对定位 其 阅读全文

posted @ 2017-05-26 09:35 郑源 阅读(219) 评论(0) 推荐(0)

css绝对定位、相对定位和文档流的那些事
摘要：前言 接触html、和css时间也不短了，但每次用div+css布局的时候心里还是有点儿虚,有时候干脆就直接用table算了,很多时候用div会出现些不可预料的问题,虽然花费一定时间能够解决，但总不是个事，所以今天特地探索了下css+div的绝对定位和相对定位和文档流的关系。 文档流的概念 确切的说 阅读全文

posted @ 2017-05-26 08:40 郑源 阅读(239) 评论(0) 推荐(0)

jQuery.animate() 函数详解
摘要：nimate()函数用于执行一个基于css属性的自定义动画。 你可以为匹配的元素设置css样式，animate()函数将会执行一个从当前样式到指定的css样式的一个过渡动画。 例如：某个div元素的当前高度为100px，将其CSS height属性设为200px，animate()将会执行一个将di 阅读全文

posted @ 2017-05-25 20:39 郑源 阅读(1491) 评论(0) 推荐(0)

JQuery实现简单的轮播图基本思路
摘要：demo点这里 需要达到的效果 常见的轮播图组件自动翻页，左右跳转按钮，下方是indexindex显示了当前图片位置，左右按钮就是更改当前位置第一个版本暂时不定义api了，写简单点 大概思路 用banner隐藏超出部分的图片imageList是inline要显示的话就float到标签位置 首先是ht 阅读全文

posted @ 2017-05-24 20:14 郑源 阅读(4118) 评论(0) 推荐(0)

容易被误解的overflow:hidden
摘要：为了页面的健壮性，我们常常需要使用overflow:hidden。有时候是为了防止布局被撑开，有时候是为了配合其它规则实现文字截断，还有时候纯粹是为了创建块级上下文。但是，很多人对这个属性是存在着一定的误解的，网上很多入门的资料或文章都只提到用overflow:hidden加固定的宽度（或高度）可以 阅读全文

posted @ 2017-05-23 20:25 郑源 阅读(447) 评论(0) 推荐(0)

CSS-overflow特性理解
摘要：根据CSS的盒模型概念，页面中的每个元素，都是一个矩形的盒子。这些盒子的大小、位置和行为都可以用CSS来控制。对于行为，我的意思是当盒子内外的内容改变的时候，它如何处理。比如，如果你没有设置一个盒子的高度，该盒子的高度将会根据它容纳内容的需要而增长。但是当你给一个盒子指定了一个高度或宽度而里面的内容 阅读全文

posted @ 2017-05-23 20:09 郑源 阅读(327) 评论(0) 推荐(0)