分享7个最新的使用jQuery实现的悬浮特效
openkk 13年前
<p>鼠标悬浮特效是网页制作的常用特效之一，最早使用flash可以创新的制作非常炫的效果，现在我们同样也可以使用CSS和Javascript来实现。</p> <p>今天的这个文章中，我们将推荐一些非常不错的特效教程，希望对大家有些帮助！</p> <h3><a title="www.gbin1.com" href="/misc/goto?guid=4958318399512913497" target="_blank">Hover and Click Trigger for Circular Elements with jQuery</a></h3> <p>这个教程将介绍如何使用jQuery来处理一个真正的圆形元素的悬浮效果，因为我们使用:hover实现的悬浮，其实别不针对圆形元素本身。</p> <p>中文教程参考：<a title="www.gbin1.com" href="/misc/goto?guid=4958318400309370946" target="_blank">分享一个使用jQuery开发的圆形页面元素悬浮和点击触发教程</a></p> <p><img alt="分享7个最新的使用jQuery实现的悬浮特效" src="https://simg.open-open.com/show/6e295cfd4248329d3fe43db30ab4f569.jpg" width="520" height="282" /></p> <h3><a title="www.gbin1.com" href="/misc/goto?guid=4958199239044009624" target="_blank">Original Hover Effects with CSS3</a></h3> <p>使用jQuery实现的10个不同的悬浮效果展示，帮助你构建超酷的悬浮效果。</p> <p>中文教程参考：<a title="www.gbin1.com" href="/misc/goto?guid=4958318401825438438" target="_blank">分享jQuery实现的超酷悬浮覆盖式的注释效果</a></p> <p><img alt="分享7个最新的使用jQuery实现的悬浮特效" src="https://simg.open-open.com/show/64785f1b03453359877e314d645b154e.jpg" width="520" height="282" /></p> <h3><a title="www.gbin1.com" href="/misc/goto?guid=4958318402617790118" target="_blank">Fancy Image Hover Using CSS3</a></h3> <p>使用CSS3实现的4个特效悬浮效果，简单实用。</p> <p><img alt="分享7个最新的使用jQuery实现的悬浮特效" src="https://simg.open-open.com/show/6ea45238f7a4c5f8013c03919f303af7.jpg" width="518" height="222" /></p> <h3><a title="www.gbin1.com" href="/misc/goto?guid=4958318403400184924" target="_blank">Amazing Image Hover Effects with Webkit and CSS 3</a></h3> <p>另外一个使用CSS3实现的悬浮特效。</p> <p><img alt="分享7个最新的使用jQuery实现的悬浮特效" src="https://simg.open-open.com/show/281627659876427bfe4bc9a2783858f2.jpg" width="490" height="300" /></p> <h3><a title="www.gbin1.com" href="/misc/goto?guid=4958318404183172686" target="_blank">Sexy Image Hover Effects using CSS3</a></h3> <p>一个非常酷的CSS3实现的悬浮特效。拥有非常酷的展示方式。</p> <p><img alt="分享7个最新的使用jQuery实现的悬浮特效" src="https://simg.open-open.com/show/307c52a03c876c731186700be4ca1c30.jpg" width="520" height="257" /></p> <h3><a title="www.gbin1.com" href="/misc/goto?guid=4958318404965568840" target="_blank">Snazzy Hover Effects Using CSS</a></h3> <p>在这个教程中，我们使用CSS2.1来创建一个非常灵活的悬浮特效。</p> <p><img alt="分享7个最新的使用jQuery实现的悬浮特效" src="https://simg.open-open.com/show/ad311bbcaff078cae3dd644e8c427df5.jpg" width="520" height="189" /></p> <h3><a title="www.gbin1.com" href="/misc/goto?guid=4958318405749890942" target="_blank">Image Tint With CSS</a></h3> <p>使用jQuery和CSS实现的一个悬浮效果。</p> <p><img alt="分享7个最新的使用jQuery实现的悬浮特效" src="https://simg.open-open.com/show/36148071dfd47ebedd103d8eac616c75.jpg" width="520" height="232" /></p> <p>来源： <a title="www.gbin1.com" href="/misc/goto?guid=4958199732319342328" target="_blank">分享7个最新的使用jQuery实现的悬浮特效</a></p>