2013年11月_BetterBOB

原创仿YouToBe给页面顶部加一个进度条

需要引入的插件nprogress.js (function($){ // An array with photos to show on the page. Instead of hard // coding it, you can fetch this array from your server with AJAX. var photos = [ 'assets/p

2013-11-29 15:38:59 1372

转载 pub/sub模式的jquery插件

//------------------------------// pub sub plugin//------------------------------;(function(d){ var cache = {}; d.publish = function(/* String */topic, /* Array? */args){ try{

2013-11-29 11:04:50 1713

转载 jQuery测试密码强度

$('#pass').keyup(function(e) { var strongRegex = new RegExp("^(?=.{8,})(?=.*[A-Z])(?=.*[a-z])(?=.*[0-9])(?=.*\W).*$", "g"); var mediumRegex = new RegExp("^(?=.{7,})(((?=.*[A-Z])(?=.*[a-z]))|

2013-11-28 10:53:09 862

原创正则表达式的学习

简单的邮箱验证正则:var rex = /^ ([\w-]+) @ [a-zA-Z0-9]+ \. [a-zA-Z]+ $/; //字符串开始 //包含-的任意字符 @ //不包含下划线

2013-11-26 17:15:00 532

原创使用css3的@media属性实现页面响应式布局

以最简单的header为例直接上代码 * { margin:0; padding:0;}.ul { background-color:rgb(134, 170, 209); height: 55px;}.ul li { float:left; list-style: none; background-color:rgb(134, 170, 20

2013-11-26 08:55:52 949

原创几个观点

1，领先的技术都是从国外传来的。2，WEB和移动端缺一不可。3，想打付诸于实践。

2013-11-22 10:50:26 647

原创使用jquery灯箱插件显示图片gallery

* { margin:0; padding:0;}$(document).ready(function() { $('.test-popup-link').magnificPopup({type:'image'}); //单个图片显示 $('.image-link').magnificPopup({type:'image',zoom: { enabled: tr

2013-11-22 10:17:48 1825

原创使用font-face改变自己的字体

#gmap,#controls { width:300px; height:300px;}@font-face { font-family: Lovelo-Black;/×定义font的名字×/ src: url('font/Lovelo Black.otf');/*把下载的字体文件引入进来×/}@font-face { font-family: Lovelo

2013-11-21 15:12:04 1045

原创使用maplace.js引入Google地图

#gmap,#controls { width:300px; height:300px;}$(function() { new Maplace({ locations: [{ lat: 36.628753857760, lon: 117.037353515625, title: '济南', html: "济南", zoom: 8 }]}).Load

2013-11-21 14:48:00 2596 6

原创简单的jquery图片滚动插件

(function($){ $.fn.extend({ "slider":function(){ $(".prev").click(function(){ if ($(".warp").position().left >= 0) { $(".warp").stop().animate({ left : 0 },300); $(".pre

2013-11-18 10:22:44 863

原创 ui5 清除controll的cache

sap.epmod.admin.security.users.views.UserListView.prototype.updateRow = function (oControlEvent) { this.oController.refresh(); this.oLayout.invalidate(); this.oUserTable._oVSb.invalidate();};

2013-11-15 10:00:44 765

原创纯css3显示隐藏一个div特效

#showDiv {background-color:red;width:300px;height:300px;display:none;}.from-below,.from-below-to-below .effeckt-modal { -webkit-transform: translateX(100%); -ms-transform: scale(0.

2013-11-15 09:56:47 6271

BetterBOB的专栏