<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>关键字滑动效果和层气泡提示Jquery特效</title>
<link href="css/manhua_bubbletips.css" rel="stylesheet" type="text/css" />
<meta name="Keywords" content="关键字滑动效果和层气泡提示Jquery特效,Jquery插件,Jquery原创,Jquery资源,Jquery特效,js特效,div+css,JquerySchool," />
<meta name="description" content="JquerySchool是一个专门分享jquery资源、jquery插件、jquery特效的一个网站,完全开放源代码,把实际开发中应用最多、最实用的Jquery资源抽取出来再加以精心编排,让广大网友能以最短的时间、花最少的精力去真正掌握jQuery开发的知识。" />
</head>
<body>
<div style="overflow:hidden; width:660px; margin:300px auto; padding:10px 10px 20px 10px;" id="qqq">
<div class="tag" detail="http://www.jq-school.com/<br />JquerySchool是一个专门分享jquery资源、jquery插件、jquery特效的一个网站,完全开放源代码,把实际开发中应用最多、最实用的Jquery资源抽取出来再加以精心编排,让广大网友能以最短的时间、花最少的精力去真正掌握jQuery开发的知识。"><span class="tag_name"> Jquery学堂QQ群</span><span class="tag_count">(244127054)</span></div>
<div class="tag" detail="http://www.intocn.net<br />英图Web网页开发制作学习交流论坛,PHP,JSP,.NET开发技术学习,网页建设,新手网页制作,网页制作"><span class="tag_name"> HTML/CSS群 </span><span class="tag_count">(155894726)</span></div>
<div class="tag" detail="http://www.sitejs.com<br />本站提供js幻灯片代码,js相册,js广告代码,js选项卡,js网页特效,dedecms教程,PHP教程,ASP教程,SEO优化技巧,网页模板下载,互联网资讯,是帮助您架设网站的好工具。"><span class="tag_name"> 个人站长交流群</span><span class="tag_count">(249521342)</span></div>
<div class="tag" detail="暂无网站<br />JS JQ JAVA ASP PHP 开发讨论"><span class="tag_name"> WEB二次开发高级群</span><span class="tag_count">(86612315)</span></div>
<div class="tag" detail="http://www.jq-school.com<br />专注于javascript高效开发（包括各种前端框架），代码执行效率讨论，各种优化方案等。(X)HTML语义化编写，CSS跨平台主流浏览器兼容"><span class="tag_name"> WEB前端高效开发群</span><span class="tag_count">(121433923)</span></div>
<div class="tag" detail="论坛官方：http://intocn.net<br />本群主攻与php网页建设，对php网站进行重构，优化等，大家一起学习交流分享php资讯，原创内容、开源代码和PHP视频教程等相关内容。"><span class="tag_name"> php后台开发群</span><span class="tag_count">(211984207)</span></div>
<div class="tag" detail="暂无网站<br />网站前端,网页设计,前端设计,HTML5,HTML,CSS3,CSS,DIV<br />JavaScript,jQuery,UI,AI,w3c,wap<br />xhtml,Ajax"><span class="tag_name"> 网页设计 前端设计2群</span><span class="tag_count">(1296602)</span></div>
<div class="tag" detail="www.4st.cn<br />社会热点,站长交流,建站心得,建站资源,建站技术"><span class="tag_name"> 网站建设推广群</span><span class="tag_count">(199973894)</span></div>
<div class="tag" detail="http://www.jq-school.com<br />为共同进步这一目标出发，相互学习，互相帮助，取人之长，补已之短，共同提高。"><span class="tag_name"> Jquery学堂2群</span><span class="tag_count">(263327061)</span></div>
</div>
<script src="http://www.jq-school.com/js/jquery-1.7.2.min.js" type="text/javascript"></script>
<script type="text/javascript" src="http://www.jq-school.com/js/manhua_bubbletips.js"></script>
<script language="javascript" type="text/javascript">
$(window).load(function() {
$('.tag').hover(function() {
$(this).stop().animate({ paddingRight: ($('.tag_count', this).outerWidth() - 5) }, 'easeInOutExpo');
}, function() {
$(this).stop().animate({ paddingRight: 5 }, 'easeInOutExpo');
});
});
$(function (){
$(".tag").manhua_bubbletips({position : "b",value : 35});
});
</script>
</body>
</html>
Jquery实现关键字滑动效果和层气泡提示特效实例源码
4星 · 超过85%的资源 需积分: 9 24 浏览量
2012-12-28
10:06:58
上传
评论 1
收藏 14KB ZIP 举报 
Jquery实现关键字滑动效果和层气泡提示特效.zip （10个子文件） 
images 
manhua_bubbletips_r.png 604B tag.png 5KB manhua_bubbletips_r_ie6.png 1KB manhua_bubbletips_ie6.png 666B manhua_bubbletips.png 1KB manhua_bubbletips_l.png 600B manhua_bubbletips_l_ie6.png 1KB js 
manhua_bubbletips.js 1KB css manhua_bubbletips.css 3KB
demo.html 4KB资源评论
zhaonan5152013-08-26滑动效果挺好，
宇宙幻游2014-10-30query实现关键字滑动效果挺好，样式还带改进 啊- praylover2013-10-14效果挺好，谢谢！
- lf32012-12-28query实现关键字滑动效果挺好，样式还带改进
