20%的功能满足80%的需求。爱、喜悦、和平。
流动布局
display:inline、block、inline-block
网页字体设置
<!doctype>
<html>
<head>
<meta />
<title></title>
<style>
.sp_font{
font-family:FontAwesome,Tahoma;
font-size:21px; font-weight:100; letter-spacing:4px;
line-height:24px; text-align:center; text-transform:uppercase; margin:0px;
padding:0px; color:#000; unicode-bidi:-moz-isolate;
}
@font-face {
font-family:'FontAwesome';
src:url('fontawesome-webfont.eot');
src:url('fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
url('fontawesome-webfont.woff') format('woff'),
url('fontawesome-webfont.ttf') format('truetype'),
url('fontawesome-webfont.svg#FontAwesomeBook') format('svg');
font-weight:normal;
font-style:normal;
}
</style>
</head>
<body>
<h3 class="sp_font">Vestiti estivi a partire da 19</h3>
</body>
</html>
点击下载实例(内含字体)
jRumble特效插件
<script type="text/javascript" src="js/https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.jrumble.1.3.js"></script>
// Initialize jRumble on Selector
$('#rumble-element').jrumble();
// Start rumble on element
$('#rumble-element').trigger('startRumble');
// Stop rumble on element
$('#rumble-element').trigger('stopRumble');
jQuery使用教程
jQuery语法
jQuery选择器
jQuery 事件
