首页

关于

使用CSS3特效让你的页面菜单变得更加有趣

css3 menu

在线演示  本地下载

在这篇文章中,我们将介绍一些快速而有效的方法来实现CSS3的菜单特效。这里我们将添加干净漂亮的悬浮特效来给你的菜单添加更多乐趣。希望大家喜欢!

首先在每个菜单项目中我们包含一个带有俩个span元素的链接,如下:

<ul class="mh-menu">
    <li>
        <a href="#">
            <span>Art Director</span>
            <span>Henry James</span>
        </a>
        <img src="images/1.jpg" alt="image01"/>
    </li>
    <!-- ... -->
</ul>

我们赋予这个.mh-mnu li a的属性diplay=block并且rgba(255,255,255,…

标签: CSS3, 菜单特效, 悬浮特效, gbin1

阅读更多

分享使用jQuery和CSS实现的一个超酷缩略图悬浮逼近效果

日期:2012/01/07  来源:GBin1.com

分享使用jQuery和CSS实现的一个超酷缩略图悬浮逼近效果

在线演示  本地下载

今天我们为大家介绍一个使用jQuery实现的缩略图逼近效果。主要的想法是当鼠标接近缩略图后,当前的缩略图会放大,并且周围相邻的缩略图也会相应变大一些,当你移动鼠标时,会影响移动方向上的缩略图大小变化,具体效果请大家查看演示。

你可以在这个网站http://porscheeveryday.com/ 看到这个效果的原型,这里我们使用jQuery实现了一个jQuery版本的基本效果,希望大家喜欢!

在这个教程中,我们将使用James Padolsey jQuery Proximity plugin

HTML标签

以下代码生成一个无序的缩略图并且添加相关图片描述:

<ul id="pe-thumbs" class="pe-thumbs">
<li>
<a href="#">

标签: HTML/HTML5, CSS/CSS3, jQuery, jQuery API, jQuery plugin, jQuery插件, jQuery特效, jQuery教程, jQuery技术网站, jQuery学习网站, jQuery教程, 逼近悬浮, 悬浮特效, 缩略图悬浮, 缩略图悬浮特效, proximity effect, proximity jquery plugin

阅读更多

标签

© Copywrite by gbin1.com, all rights reserved.