首页风格
门户
博客

GBin1博客视图 - 最近发布的文章-demo

使用jQuery和CSS3创建一个支持翻转效果的微/轻博客网站列表

使用jQuery和CSS3创建一个支持翻转效果的微/轻博客网站列表

在线演示  本地下载

今天我们将使用页面元素的翻转效果设计一个微博和轻博网站列表,将使用jQuery的jQuery Flip插件来实现特效。

HTML代码

这里我们使用socialwrapper来包装每一个需要展示的网站,如下:

<div class="socialwrapper">
  <div class="social">
    <img id="img" src="img/weibo.png" />
    <div class="desc"><a href="http://weibo.com/gbin1" target="_blank">http://weibo.com</a></div>
  </div>
</div>

以上代码中我们包含了执行翻转的元素social,其中包含了logo图片和网站详细介绍。

CSS代码

.socialwrapper{

标签: jquery, jquery翻转, jquery flip, jquery翻转效果

阅读更多

喜欢我们的文章请您与朋友分享:

?ü?à

今日推荐