Michael_Gong-CSDN博客

转载 css中clip属性

css3中clip属性：http://www.w3cplus.com/css3/clip.html clip属性只能对设置了"position:absolute"或者“position:fixed”的元素起作用，它无法设置在“position:relative”或者“position:static”上 clip的基础语法： .selector{ clip:

2014-11-10 16:29:05 587

转载 css3中border-image的使用

原文链接：点击打开链接 Border-image的学习： border-image属性是css3中新增的属性，用于设置边框的背景图。以前这只border一般都是solid、dashed、dotted、double等等，通过这些属性添加相应的形状或者颜色，但是通过border-image可以设置边框的背景图片。 border-image : none | [ | ]{1,4}

2014-11-08 18:01:29 939

原创 Html5中input的placeholder文字颜色设置

input:-webkit-input-placeholder { /* WebKit browsers */ color: #999; } input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #99

2014-11-03 14:19:14 11736

原创 css实现三角的一些方法

css实现三角没有想象中的那么难，只要明白border的各种属性的意思就很好明白css三角是如何实现的。一下是几个很简单的例子： css三角形状的制作： css样式: .triangle{ width:0; height:0; border-left:10px solid transparent;

2014-11-03 14:14:09 872

原创 PhotoSwipe.js 相册展示插件学习

PhotoSwipe.js官网：http://photoswipe.com/ ，在这个网站上可以下载到PhotoSwipe的文件以及相关的例子。这个组件主要是用来展示图片、相册用的，还是很实用的。一、使用这个组件需要引入两个js文件： 1 2 二、然后页面结构可以是这样子的： div id="Gallery"> div class="gallery

2014-11-03 14:14:05 2602

原创 Js冒泡事件和捕获事件

js中冒泡事件和捕获事件：冒泡事件：冒泡事件是从里向外，即是从被绑定元素开始一直向外到达页面的所有祖先元素都会被触发，这一过程被称为事件冒泡。这个事件从原始元素开始一直冒泡到DOM树的最上层捕获事件：捕获事件是从页面的最上层到被绑定元素都会触发。 IE只支持事件冒泡，不支持事件捕获冒泡事件和捕获事件的方向是相反的。形式如下图所示：一般为浏览器中的元素绑定事件有2种

2014-11-03 14:13:50 472

原创 Swiper的简单实用方法

最近项目中有用到一个非常强大的组件idangerous.swiper.js的组件，这个组件能够实现幻灯片的播放效果，而且有各种3D效果，大家可以去试一下，效果很不错的说！这是这个项目的api文档：http://www.idangero.us/sliders/swiper/api.php GitHub上的地址：https://github.com/nolimits4web/Swiper

2014-11-03 14:13:47 760

Michael_Gong的专栏