u010227447-CSDN博客

原创 Css 利用table-cell实现居中的方法

利用的知识点：通过display转化成为表格的形式，再采用垂直居中的方法得到需要的结果display:table 此元素会作为块级表格来显示（类似），表格前后带有换行符。 display:table-cell 此元素会作为一个表格单元格显示（类似和原代码如图所示：结果如图所示：需要的注意的是，这个布局的最大的好处是不管是单行还是多行都可以比较完

2015-10-29 15:24:22 865

原创 CSS3阴影 box-shadow的使用和技巧总结

text-shadow是给文本添加阴影效果，box-shadow是给元素块添加周边阴影效果。随着html5和CSS3的普及，这一特殊效果使用越来越普遍。基本语法是{box-shadow:[inset] x-offset y-offset blur-radius spread-radiuscolor}对象选择器 {box-shadow:[投影方式] X轴偏移量 Y轴偏移量阴影模糊半径

2015-10-29 14:36:26 784

原创 jquery学习总结（超级详细）

window.onload$(document).ready()执行时机必须等待网页中所有的内容加载完毕后（包括图片）才能执行网页中所有DOM结构绘制完毕后就执行，可能DOM元素关联的东西并没有加载完编写个数不能同时编写多个，以下代码无法正确执行：window.onload =function({alert("test1");}w

2015-09-08 14:01:41 818

原创 jQuery知识总结

jQuery一直都在用，但都是在用时查查手册，并没有系统的学过，最近组内做jQuery交流，花了几天时间系统了学习了下，做了个PPT，本文是根据PPT总结而来，有些地方做了些补充。希望对jQuery初学者有些帮助。jQuery简介简介jQuery是一个兼容多浏览器的javascript库，核心理念是write less,do more(写的更少,做的更多)。 jQuery在

2015-09-08 13:55:43 537

原创 transform

CSS3 transform是什么？transform的含义是：改变，使…变形；转换CSS3 transform都有哪些常用属性？transform的属性包括：rotate() / skew() / scale() / translate(,) ，分别还有x、y之分，比如：rotatex() 和 rotatey() ，以此类推。下面我们来分解各个属性的用法：

2015-09-07 13:18:19 462

原创 jquery的$.extend和$.fn.extend作用及区别

jQuery为开发插件提拱了两个方法，分别是：jQuery.fn.extend();jQuery.extend();虽然 javascript　没有明确的类的概念，但是用类来理解它，会更方便。jQuery便是一个封装得非常好的类，比如我们用语句　$("#btn1") 会生成一个 jQuery类的实例。jQuery.extend(object);　为jQue

2015-09-07 10:37:30 471

原创 jQuery Mobile入门

简介：jQuery Mobile框架可以轻松的帮助我们实现非常好看的、可跨设备的Web应用程序。我们将后续的介绍中向大家介绍大量的代码及实例。 jQuery一直以来都是非常流行的富客户端及Web应用程序开发中使用的JavaScript类库,然而一直以来它都是为桌面浏览器设计的，没有特别为移动应用程序设计。jQuery Mobile是一个新的项目用来添补在移动设备应用上的缺

2015-09-02 11:31:17 424

原创手机web——自适应网页设计（html/css控制）

就目前形势来看，Web App 正是眼下的一个趋势和潮流，但是，对于Web App的设计可能大家有的不是很了解，下面就将整理好的网页设计的技巧奉献给大家。AD：51CTO开启企业运维技术盛宴_嘀嘀、新浪、白鹭齐聚MDSA线下沙龙，赶紧报名吧！一. 允许网页宽度自动调整： "自适应网页设计"到底是怎么做到的？其实并不难。首先，在网页代码的头部，加入一

2015-08-31 09:26:55 776

原创 JS获取当前手机浏览器可视区域大小

这是真正的答案： var w=windows.innerWidth|| document.documentElement.clientWidth || document.body.clientWidth; var h=windows.innerHeight || document.documentElement.clientHeight || document.bo

2015-08-24 13:03:26 10954

原创 DIV+CSS下划线基础

CSS控制下划线出现用到地方 - TOP在DIV CSS网页中常常使用CSS代码来人对象文字内容加上下划线。使用CSS属性单词：text-decoration -CSS 手册了解：http://www.divcss5.com/shouce/c_textdecoration.shtmltext-decoration : none || underline || blink ||

2015-08-13 16:10:29 1793 1

原创 fn 标签库的使用

在jstl中的fn标签也是我们在网页设计中经常要用到的很关键的标签，在使用的时候要先加上头http://java.sun.com/jsp/jstl/functions" prefix="fn"%>就可以使用fn标签了。使用此标签可以帮我们在jsp页面不再嵌入那么多的java代码，如分割函数split()的使用等。具体使用方法请参见下表：

2015-08-13 11:12:44 933

原创图片一直不行的旋转

$(function () {var degrees = 0;var $elie = $("#zhaodong");function rotate() {++degrees;if (degrees > 360) {degrees = 0;}$elie.css({'-webkit-transform': 'rotate(' + degrees + 'deg)',

2015-08-04 23:56:20 472

原创 CSS3 -webkit-transform(元素变换)

webkit-transform：none | 类型类型：scale：缩放，1为原始大小。scale(x)。正数放大，负数缩小。属性值为一个时，x/y轴同时缩放；属性值为两个值时，分别控制x、y轴的缩放。 rotate：水平旋转，属性值格式为Xdeg。(deg是“度”的意思)rotate(Xdeg)。X为正数时，顺时针旋转；为负数时，逆时针旋转

2015-08-03 23:44:08 1399

原创 CSS3 transform 属性

实例旋转 div 元素：div{transform:rotate(7deg);-ms-transform:rotate(7deg); /* IE 9 */-moz-transform:rotate(7deg); /* Firefox */-webkit-transform:rotate(7deg); /* Safari 和 Chrome */-o-transform:r

2015-08-03 23:43:19 451

原创 CSS3详解：transform

近来，HTML5和CSS3的发展速度还是很可观的，国内外不乏一些大站，酷站都在使用最新的技术。面对新的技术，我们该如何正确的把握和使用到今后的项目实战中呢？针对这一问题，浩子决定剖析CSS3，一一像各位同学解答CSS3到底是个神马东西。就已transform开始吧，写的不好的话，请严重拍砖！！CSS3 transform是什么？transform的含义是：改变，使…变形；转换

2015-08-03 23:42:29 505

原创 JS知识一：系统知识笔记总结

这些是JS的相知识，包括它的基础与语法、函数讲解、运算符、对象方法、各种事件、DOM与XML复杂处理、页面系列方法、正则操作、浏览器与操作系统有关、表单相关操作、JQry框架相关、主流函数等相关知识。基础与语法：1：区分大小写（与Java、C、Perl类似）。2：变量是弱类型，可以将它初始化为任意值，用var申明时并不一定在初始化。eg: var test="hi", test2

2015-07-31 14:24:10 755

原创 JS操作JSON总结

JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式，采用完全独立于语言的文本格式，是理想的数据交换格式。同时，JSON是 JavaScript 原生格式，这意味着在 JavaScript 中处理 JSON数据不须要任何特殊的 API 或工具包。本文主要是对JS操作JSON的要领做下总结。在JSON中，有两种结构：对象和数组。

2015-07-31 14:22:14 384

鼠标拖动是很常见的js效果，例如我们装扮自己的博客、空间时常用到拖动某一个版块到任意位置；淘宝网上对要购买的衣服有放大镜效果（鼠标拖动效果是其中的一部分）拖动放大镜时需要用到鼠标拖动效果；有时候我们打开某一个图片时会拖动到图片查看器打开，这时也需要鼠标拖动效果；鼠标拖动一个窗口时，也会用到鼠标拖动效果。这里说的鼠标拖动是在网页上操作的鼠标拖动效果。鼠标拖动的实现方式有很多种，这里会对各种思路做一个

2015-07-30 22:28:57 3126

原创 web开发CSS样式Position详解

web开发CSS样式Position详解CSS的很多其他属性大多容易理解，比如字体，文本，背景等。有些CSS书籍也会对这些简单的属性进行大张旗鼓的介绍，而偏偏忽略了对一些难缠的属性讲解，有避重就轻的嫌疑。CSS中主要难以理解的属性包括盒型结构，以及定位。正如positioniseverything，本文将主要讲述关于position的理解，力求让您看完本文后对position有着最全面

2015-07-30 15:59:25 465

原创 IBATIS中 $与#的区别

我们在使用iBATIS时会经常用到#和$这两个符号。一 . #与$区别说通俗一点就是 $中间的变量就是直接替换成值的 #会根据变量的类型来进行替换比如articleTitle的类型是string, 值是"标题"的时候 $articleTitle$ = 标题

2015-07-29 15:43:27 485

原创 JQuery常用的几种显示隐藏的方法

你经常用到的JQuery的显示和隐藏的方法有哪些呢？就主要说一下下面这三种方法吧。1、JQuery使用 hide() 和 show() 方法来隐藏和显示 HTML 元素；语法：$(selector).hide(speed,callback);$(selector).show(speed,callback);可选的 speed 参数规定隐藏/显示的速度，可

2015-07-29 10:23:03 883

原创 Java中Split函数的用法技巧

2015-07-23 17:26:27 476

原创 border-bottom-left-radius 属性

向 div 元素的左下角添加圆角边框：div{border:2px solid;border-bottom-left-radius:2em;}语法border-bottom-left-radius: length|% [length|%];注释：border-bottom-left-radius 属性的长度值和百分比值定义四分之一椭圆（定义外部边框边缘的边角形状）的半径（radii

2015-07-14 21:06:09 962

原创 background-origin 属性

实例相对于内容框来定位背景图像：div{background-image:url('smiley.gif');background-repeat:no-repeat;background-position:left;background-origin:content-box;}语法background-origin: padding-box|border-box|con

2015-07-14 20:56:40 671

原创 background-clip 属性

语法background-clip: border-box|padding-box|content-box;值描述测试border-box背景被裁剪到边框盒。测试padding-box背景被裁剪到内边距框。测试content-box背景被裁剪到内容框。测试

2015-07-14 20:50:17 554

原创 background-attachment 网页背景固定

右上固定：1<style type="text/css">23body{4background-image:url("背景url");5background-pos

2015-07-14 20:38:53 607

原创 CSS背景属性Background详解

CSS背景属性Background详解本文详解了CSS的背景属性Background，包括CSS3中新增的背景属性。如果你是个CSS初学者，还可以查看之前介绍的CSS浮动属性和CSS透明属性详解。css2 中的背景（background）CSS2 中有5个主要的背景（background）属性，它们是：background-color：指定填充背景的颜色。

2015-07-14 20:33:16 680

原创 Mysql字符串截取函数SUBSTRING的用法说明

感觉上MySQL的字符串函数截取字符，比用程序截取（如PHP或JAVA）来得强大，所以在这里做一个记录，希望对大家有用。函数： 1、从左开始截取字符串 left（str, length）说明：left（被截取字段，截取长度）例：select left（content,200） as abstract from my_content_t 2、从右开始截取字符串 ri

2015-07-06 14:04:36 438

原创 mysql常用字符串操作函数大全，以及实例

今天在论坛中看到一个关于mysql的问题，问题如下good_id cat_id12654 665,56912655 601,4722goods_id是商品idcat_id是分类id当我，怎么根据这种分类ID查数据（一个商品有多个分类，而且用逗号隔开了）我现在用的是like 这样的话，输入一个分类id是688，或者4722都能出来这

2015-07-06 13:16:32 389

原创 JSTL（fn函数）

首先，我们要在页面的最上方引用：下面是JSTL中自带的方法列表以及其描述： fn:contains(string, substring)假如参数string中包含参数substring，返回true例如： fn:containsIgnoreCase(string, substring)假如参数string中包含参数

2015-07-06 11:05:09 508

原创 fn:split(string, separator) 具体使用方法

Example fn:split and fn:join tag of JSTL tag fn:split(Here we will split the given string in to array of string on the basis of given d

2015-07-06 11:04:40 922

原创 JS 将 string 转换成为 number

JS 中将 number 转换为 string 我们比较熟悉，直接用toString() 的方法就可以了；那么将 string 转换成为 number 都有些什么方法呢？如下便简单的列举了一些，以便记录，说不定什么时候就用到了~~我们可以使用parseInt ，或者unary plus 或者parseFloat with floor 或者Math.round这些方式，请看如下具体的代码

2015-06-24 13:22:55 1453

原创 MySQL批量去掉某一个字段特定的值

mysql批量去掉某一个字段特定的值比如，在表test中,字段notice中，每一行记录不知道为什么都加了，“消息: ”，现在要去除“消息: ”字符。因为前面的字符一样，所以可以批量把前两个字母去掉就可以了。update test set notice=replace(notice,’消息: ‘,”) where notice like ‘消息:%’;如果表前8个字符并不一样，

2015-06-18 13:02:49 8107

原创 JS中setTimeout()的用法详解

setTimeout( ) 是属于 window 的 method, 但我们都是略去 window 这顶层物件名称, 这是用来设定一个时间, 时间到了, 就会执行一个指定的 methodsetTimeoutsetTimeout 语法例子用 setTimeout 来执行 function不断重复执行的 setTimeout设定条件使 setTime

2015-06-15 14:26:16 604

原创 JQuery常用的几种显示隐藏的方法

1、JQuery使用 hide() 和 show() 方法来隐藏和显示 HTML 元素；语法：$(selector).hide(speed,callback);$(selector).show(speed,callback);可选的 speed 参数规定隐藏/显示的速度，可以取以下值：”slow”、”fast” 或毫秒。可选的 callback 参数是隐藏或

2015-06-15 14:14:24 783

原创 jQuery hover()方法和jQuery toggle()方法用法示例

jQuery hover()方法和jQuery toggle()方法是两个合成事件，类似ready()方法，都属于jQuery自定义的方法。下面来讲解这两个方法的属性和如何使用。一、hover()方法：语法结构为： hover(enter,leave)。用于模拟光标悬停事件。当光标移动到目标元素上时，会触发指定第1个函数(enter);当移出这个元素时，会触发第2个函数(leave)。

2015-06-11 14:27:40 2150 1

原创 CSS3 选择器——伪类选择器

前面花了两节内容分别在《CSS3选择器——基本选择器》和《CSS3选择器——属性选择器》介绍了CSS3选择器中的基本选择器和属性选择器使用方法，今天要和大家一起学习CSS3选择器中的第三部分，也是最后一部分——伪类选择器。伪类选择器对于大家来说最熟悉的莫过于:link,:focus,:hover之类的了，因为这些在平时中是常用到的伪类选择器，那么先和大家一起简单总结一下CSS中常用的伪类选择器的使

2015-06-09 15:07:21 642

原创 CSS3的文字阴影—text-shadow

前段时间整理了CSS3中的渐变Gradient、透明度RGBA、边框圆角box-radius三个新属性的使用方法，这几次继续整理了有关于CSS3的text-shadow的使用方法。今天特意花了点时间贴上来与有共同爱好的朋友一起分享这个新属性的应用。text-shadow还没有出现时，大家在网页设计中阴影一般都是用photoshop做成图片，现在有了css3可以直接使用text-shadow

2015-06-09 13:30:37 562

原创 display 详解

使段落生出行内框：p.inline { display:inline; }亲自试一试浏览器支持IEFirefoxChromeSafariOpera 所有主流浏览器都支持 display 属性。注释：如果规定了 !DOCTY

2015-06-08 09:45:51 483

原创 CSS 选择符

选择符，顾名思义，用于从XHTML文档中选择元素。选择符有很多种，各有其不同的具体性（specificity），可以确定一大批元素或者仅仅几个元素。具体性是度量选择符的作用范围的手段。所谓作用范围，换句话说，指定是选择符选择了多少元素。在CSS的设计原则中，比较具体的选择符将凌驾于较不具体的选择符之上并取而代之。具体性是CSS中较为含糊和你难以掌握的概念之一，但也是这种语言中最强大的特性之一。接下

2015-06-08 09:38:27 478

空空如也

空空如也