Mael-csd-优快云博客

转载实现任意图片垂直居中的三种方法

在网站开发过程中，可能会有希望图片垂直居中的情况，而且，需要垂直居中的图片的高度也不确定，这就会给页面的布局带来一定的挑战。我总结了一下，曾经使用过的几种方法来使图片垂直居中，除了第一种方法只限于标准浏览器外，另外两种方法的兼容性还不错。方法一：将外部容器的显示模式设置成display:table，这个设置的意思不用多说了吧… img标签外部再嵌套一个span标签，并设置span的

2014-04-25 12:46:10 930

转载书写高质量JavaScript代码的要义（The Essentials of Writing High Quality JavaScript）翻译

原文：The Essentials of Writing High Quality JavaScript 才华横溢的Stoyan Stefanov，在他写的由O’Reilly初版的新书《JavaScript Patterns》(JavaScript模式)中，我想要是为我们的读者贡献其摘要，那会是件很美妙的事情。具体一点就是编写高质量JavaScript的一些要素，例如避免全局变量，使

2014-04-21 17:06:24 717

转载 jQuery实现图片轮播效果（仿QQ商城首页、天猫首页）

图片轮播是网站中的常用功能，用于在有限的网页空间内展示一组产品图片或者照片，同时还有非常吸引人的动画效果。相信很多同学都在各种类型的网站上看过花样百出的轮播效果图，不少同学也想尝试下自己做出来一个，但网上的代码纰漏百出，不能学以致用，这里我将给大家介绍两种方式的图片轮播实现供大家参考。实现一 1.制作界面 [html] view plaincopyprint?

2014-04-21 16:57:15 1737

转载【返回顶部】功能

2. 【返回顶部】的滚动【返回顶部】的位置应该是固定的，例如在右下角。实现方法： 1. 使用相对定位，根据浏览器滚动条的位置设置【返回顶部】的位置。这个做法很简单，通过动态改变位置即可。但由于使用了相对定位，每次都是移动位置实现的，所以如果操作快一点，就会出现闪烁。所以推荐使用方法 2。 2. 使用绝对定位，通过判断距离来显示和隐藏【返回顶部】，这

2014-04-10 18:40:15 723

转载原始JS选择器使用方法和常用事件手册

常用的无返回值事件属性描述 onabort 图像的加载被中断。 onblur 元素失去焦点。 onchange 域的内容被改变。 onclick 当用户点击某个对象时调用的事件句柄。 ondblclick 当用户双击某个对象时调用的事件句柄。 onerror 在加载文档或图像时发生错误。

2014-04-10 18:17:39 2051

转载 JavaScript逻辑运算符及优先级

今天看了一段YUI compressor压缩的js代码： [code="javascript"] userNum && (ind += index,ind >= userNum && (ind -= userNum),ind [/code] 直接疯掉了，估计一下子没几个人能看懂。那么就把他“翻译”一下。 && (逻辑与) 这里主要是一个“&&”运算，首先要搞懂这个，看一

2014-04-10 16:56:00 619

原创网页特效工具

1. 标签切换 / 书签切换 / 默认效果 1.0-标签切换常用参数(切换看看) 效果[effect]: fade fold left top leftLoop topLoop 自动运行[autoPlay]: false true 触发方式[trigger]: mouseover click 缓

2014-04-10 16:41:29 746

转载方便的CSS和jQuery下拉菜单解决方案

如果您正在寻找一些很酷的下拉菜单解决方案，那么这些要。今天，我收集了一些有用的 CSS和jQuery 下拉菜单解决方案。 Creating a pure CSS dropdown menu Sexy Drop Down Menu w/ jQuery & CSS Sliding Jquery Menu Perfect Dropdown L

2014-04-10 15:49:04 652

转载 javascript插入样式

javascript插入样式在前端开发中应用比较广泛，特别是在修改前端表现和页面换肤的时候。最近做的这个任务是用户在别人的站点上点击一个按钮，就会在别的站点页面下插入一个脚本，执行，这其中包含了样式的插入。一般情况下javascript动态插入样式有两种，一种页面中引入外部样式,在中使用标签引入一个外部样式文件，另一种是在页面中使用标签插入页面样式（这里说的不是style属性）。一

2014-04-10 15:31:20 768

转载 Javascript绝句欣赏

1. 取整同时转成数值型： ’10.567890′|0 结果: 10 ’10.567890′^0 结果: 10 -2.23456789|0 结果: -2 ~~-2.23456789 结果: -2 2. 日期转数值： var d = +new Date(); //1295698416792 3. 类数组对象转数组： var arr = [].slice.call(ar

2014-04-10 15:19:26 466

转载 javascript:void(0)的问题

在做页面时，如果想做一个链接点击后不做任何事情，或者响应点击而完成其他事情，可以设置其属性 href = "#"，但是，这样会有一个问题，就是当页面有滚动条时，点击后会返回到页面顶端，用户体验不好。目前有如下几种解决办法： 1)点击链接后不做任何事情 Java代码 1."javascript:void(0);" >test 2."javascript

2014-04-10 14:27:49 789

转载 JavaScript中双叹号(!!)作用

经常看到这样的例子： 1 2 var a； var b=!!a; a默认是undefined。!a是true，!!a则是false，所以b的值是false，而不再是undefined，也非其它值，主要是为后续判断提供便利。 !!一般用来将后面的表达式强制转换为布尔类型的数据（boolean），也就是只能是true或者false;

2014-04-10 14:11:31 961

转载 sql语句（经典）

一、基础 1、说明：创建数据库 CREATE DATABASE database-name 2、说明：删除数据库 drop database dbname 3、说明：备份sql server --- 创建备份数据的 device USE master EXEC sp_addumpdevice 'disk', 'testBack', 'c:\mssql7b

2014-04-09 10:28:37 672

Mael_WEB专栏