Welcome, Old Sport!

免费的个人VCard HTML模板

by ilikecss ON 2013/03/07 7417

免费的个人VCard HTML模板VCard(电子名片,联系人名卡)在国外比较流行使用,特别是Web性质的。之前我做一款My Visiting Card Web Site此类的模板挺受欢迎的,这两天又尝试做了一款。因为使用了CSS3技术所以低级别IE浏览器考虑的用户可能要失望了,我算是放弃IE了。下面就一起来学习吧,喜欢的朋友最后可以下载。

Step1. 创建HTML

<ul id="navMain">
    <li><a class="selected" href="#home" title="home"></a></li>
    <li><a class="" href="#about" title="about me"></a></li>
    <li><a class="" href="#networks" title="follow me"></a></li>
    <li><a class="" href="#contact" title="contact me"></a></li>
</ul> <!--! end of #Navi --> 

CSS和js我这边都已经压缩过了,这里就不展示了,请下载后查看,但别忘了插入jQuery

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
19条评论
  1. #1

    啄木游弋说道:

    demo很棒,等我有工作了,就在自己的网站挂一个vcard。最羡慕你们这一类技术型人才了,嘿嘿

  2. #2

    金刚禅狮子吼说道:

    1楼表白了~ :grin:

  3. #3

    潜行者m说道:

    很简洁,不错,但是不知道为什么你的网站老是弄那么多英文。

  4. 喜欢,不错的idea

  5. #5

    小蝴蝶说道:

    咦 再试一次

  6. #6

    Summer说道:

    既美观,也很实用呢!赞!

  7. #7

    意大利面说道:

    能兼容还是兼容一下咯

  8. #8

    Kayo说道:

    我很久之前也弄了一个Vcard http://kayosite.com/profile/
    不过里面的内容有点过时了,最近也打算更新一下!

  9. 用IE的人还是不少的




TOP