刘亦菲视频,91美女视频在线看无毒不卡,范冰冰喝醉后被啪的视频

jQuery和CSS3炫酷圖片和按鈕點擊波特效

2015.03.26

rippler是一款效果非常炫酷的jQuery和CSS3圖片和按鈕點擊波特效插件。點擊波特效是指在按鈕或圖片上點擊的時候，從點擊的位置開始，會產(chǎn)生一種圓形光波向外輻射的炫酷效果。這款點擊波特效同時支持桌面設備和移動觸摸設備。

該點擊波特效可以完美的和Bootstrup 3結合，用于制作按鈕和鏈接按鈕的點擊波特效：

在頁面中引入必要的文件：

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">

<link rel="stylesheet" href="./css/rippler.min.css">

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js">script>

<script src="./dist/js/jquery.rippler.min.js">script>

該點擊波特效的HTML結構如下：
<body>

<button class="btn btn-primary rippler rippler-default" href="#">bootstrap buttonbutton>
body>
在頁面加載完畢后調(diào)用該點擊波插件：$(document).ready(function() { $(".rippler").rippler({ effectClass : 'rippler-effect' ,effectSize : 16 // Default size (width & height) ,addElement : 'div' // e.g. 'svg'(feature) ,duration : 400 });});