无聊的html代码

最新推荐文章于 2021-12-18 10:27:34 发布

Longerandlonger

最新推荐文章于 2021-12-18 10:27:34 发布

阅读量826

点赞数

本文链接：https://blog.csdn.net/Longerandlonger/article/details/8531837

版权

jquery，隐藏，显示，渐隐，渐显

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
	<style type="text/css">
		body {
			margin:0 auto;
			width:800px;
		}
		#switcher {
			border:1px solid;
			padding:5px;
			width:300px;
		}
		.speech p {
			text-indent:2em;
		}
		.more {
			text-decoration:none;
			color:#e59
		}
		.more:hover {
			text-decoration:underline;
			color:#95e
		}
	</style>
	<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.0.min.js"></script>
	<script type="text/javascript">
		$(document).ready(function() {
			var $speech = $('div.speech');
			var defaultSize = parseFloat($speech.css('fontSize'));
			$('#switcher button').click(function(event) {
				var fontSize = parseFloat($speech.css('font-size'));
				switch (this.id) {
					case 'switcher-larger':
						fontSize *= 1.4;
						break;
					case 'switcher-small':
						fontSize /= 1.4;
						break;
					default:
						fontSize = defaultSize;
				}
				console.log('fontSize:' + fontSize);
				$speech.css('fontSize', fontSize + 'px');
			});
			var $thePara = $('p').eq(1);
			$thePara.hide();
			$('a.more').click(function() {
				if ($thePara.is(':hidden')) {
					$thePara.fadeIn(0);
					$(this).text('Read Less');
				} else {
					$thePara.fadeOut(0);
					$(this).text('Read More');
				}
				//$('p').eq(1).slideDown(5000);//show()fadeIn()
				//$(this).slideUp(4000);//hide()fadeOut()
				return false;
			});
		});
	</script>
</head>
<body>
	<h1>APM角度上看：NoSQL和关系数据库并无不同</h1>
	<div id="switcher">
		<div class="label">Text Size</div>
		<button id="switcher-default">Default</button>
		<button id="switcher-larger">Bigger</button>
		<button id="switcher-small">Smaller</button>
	</div>
	<div class="speech">
		<p>最重要的不是数据库本身的性能，而是使用数据库的应用程序。应用程序的逻辑决定了使用数据库的方式，当然也有很多途径来调优数据库用以掩饰应用程序本身的问题。所以我们需要监视和优化应用程序的使用模式，同时应用程序逻辑又由输入数据或者是大多数情况下与用户交互的方式决定；所以我们必须分析用户的行为，而用户的操作决定了数据库的使用方式。另一方面，我们需要明白这些行为对数据库的影响。这里的重点在于获悉当数据的性能达到最高标准，却仍然成为应用程序的主要瓶颈 —— 它们是否被错误的使用或者是使用了一个错误的访问模式。
		</p>
		<p>【CSDN报道】AWS终于着手解决故障频发的东部数据中心了，AWS将在弗吉尼亚州北部建立新的数据中心，它将在2014年建成，这将从根本上解决AWS东部区域故障频发的问题。位于弗吉尼亚州的Ashburn数据中心在2004年开始服役，并在2006年提供AWS服务，它是AWS最古老同时也是最大的数据中心，因此各方面出现故障的几率也较高。根据独立的调查，AWS上70%以上的IP地址指向这里。
		</p>
		<a href="javascript:void(0);" class="more">Read More</a>
		<p>Jexus Web server是Linux平台上最强劲的ASP.NET WEB服务器，同时也是linux平台上的一款优秀的高性能HTML WEB服务器。其最新版V5.2已于昨日正式发布。
			与5.1相比，Jexus5.2有如下变化:
			1、修复了5.1发布以来发现的所有BUG；
			2、为FastCGI、反向代理增加了对“多重Cookie”的支持；
			3、增加了对响应数据进行“分块传输”的支持；
			4、增加了正常读取中文乱码文件名（windows文件复制到linux系统上后中文文件名成为乱码）的支持；
			5、为ASP.NET开放了开放HTTP OPTIONS/PUT/DELETE协议，为“RESTful Web API”的正常运行提供了平台基础；
			6、对线程池控制、应用程序域域间数据传递方式进行了改进，性能特别是ASP.NET的处理速度得到大幅度提升（静态文件处理速度提高了5%，ASP.NET处理速度提高了40%）。
		</p>
	</div>
</body>
</html>

Longerandlonger

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
无聊的html代码

jquery，隐藏，显示，渐隐，渐显 body { margin:0 auto; width:800px; } #switcher { border:1px solid; padding:5px; width:300px; } .speech p { text-indent:2em; } .more {
复制链接

扫一扫