Mael-csd-CSDN博客

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

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

2014-04-25 12:46:10 795

转载书写高质量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 635

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

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

2014-04-21 16:57:15 1633

转载【返回顶部】功能

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

2014-04-10 18:40:15 620

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

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

2014-04-10 18:17:39 1949

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

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

2014-04-10 16:56:00 544

原创网页特效工具

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

2014-04-10 16:41:29 634

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

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

2014-04-10 15:49:04 552

转载 javascript插入样式

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

2014-04-10 15:31:20 660

转载 Javascript绝句欣赏

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

2014-04-10 15:19:26 393

转载 javascript:void(0)的问题

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

2014-04-10 14:27:49 699

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

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

2014-04-10 14:11:31 809

转载 sql语句（经典）

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

2014-04-09 10:28:37 573

Mael_WEB专栏