弹窗效果:做环保的程序员,从不用百度开始!

本弹窗代码转载自酷壳http://coolshell.cn/articles/9308.html

<meta http-equiv="content-type" content="text/html; charset=UTF-8">

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script src="http://coolshell.cn/wp-content/themes/inove/js/jquery.bpopup-0.8.0.min.js"></script>

<script type="text/javascript">
/*
;(function($){
	$(function(){
		var url = document.referrer;
		if(url && url.search("http://")>-1){
			var refurl = url.match(/:\/\/(.[^/]+)/)[1];
			if(refurl.indexOf("baidu.com")>-1){
				$('#nobaidu_dlg').bPopup();
			}
		}
	});
})(jQuery);
*/
$(function(){
	$('#nobaidu_dlg').bPopup();
});
</script>

<div id="nobaidu_dlg" style="background-color:#fff; border-radius:15px; color:#000; display:none; padding:20px; min-width:450px; min-height:180px;">
	<img src="http://coolshell.cn/wp-content/themes/inove/img/nobaidu.jpg" align="left">
	<p style="margin-left:200px; margin-top:20px; line-height:30px;">
		检测到你还在使用百度这个搜索引擎,<br/>
		做为一个程序员,这是一种自暴自弃!<br/>
		<br/>
	</p>
	<p align="center" style="margin-top:20px;">
		<b><a href="http://coolshell.cn/articles/7186.html">作环保的程序员,从不用百度开始!</a></b>
	</p>
</div>

<h1>本弹窗代码转载自酷壳http://coolshell.cn/articles/9308.html</h1>
<h2>
	弹窗思想就是Referrer中匹配baidu.com(基于此原理可以统计来源自搜索引擎的请求数量)
	<br/>
	弹窗效果用的是bPopup插件,其官网为http://dinbror.dk/bpopup/(有很多例子,效果很炫)
</h2>

你可能感兴趣的:(酷壳,bPopup,拒绝百度,环保程序员,nobaidu)