前端小问题2

时间：2015-12-21 16:03:59 阅读：244 评论：0 收藏：0 [点我收藏+]

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‘);

demo