找回密码
 注册

QQ登录

只需一步,快速开始

查看: 2590|回复: 5

论坛完成任务后可以自动消失的用户提示框

[复制链接]
发表于 2010-6-10 10:31:37 | 显示全部楼层 |阅读模式
用户在网站中会作一些操作,我看到论坛里完成任务后会有一个提示框,居中的,有平滑效果,几秒后自动消失了,不知道这种效果咋做了,有没人整过这个东东
发表于 2010-6-10 10:33:41 | 显示全部楼层
Jquery
回复 支持 反对

使用道具 举报

 楼主| 发表于 2010-6-10 10:44:31 | 显示全部楼层
谢谢,已经解决,:例:

<script type="text/javascript">
        $("#tisp").fadeIn("slow");
        setTimeout(function(){$("#tisp").fadeOut("slow");},1500)
</script>

但这个如何在触发某个点击事件后才实现这个东东?

[[i] 本帖最后由 windII 于 2010-6-10 10:54 编辑 ]
回复 支持 反对

使用道具 举报

 楼主| 发表于 2010-6-10 11:06:33 | 显示全部楼层
<script type="text/javascript">
$(".hotkey a").hover(function() {
        $("#tisp").fadeIn("slow");
        setTimeout(function(){$("#tisp").fadeOut("slow");},1500);
});


<p class="hotkey">热搜关键字: <a href="#">火锅</a> <a href="#">超市</a> <a href="#">服饰</a> <a href="#">美容</a></p>

为啥没反应
回复 支持 反对

使用道具 举报

发表于 2010-6-10 11:13:13 | 显示全部楼层

 提示:您可以先修改部分代码再运行


[[i] 本帖最后由 hsb008 于 2010-6-10 11:17 编辑 ]
回复 支持 反对

使用道具 举报

 楼主| 发表于 2010-6-24 10:28:36 | 显示全部楼层
原帖由 [i]hsb008 于 2010-6-10 11:13 发表
[html]




无标题文档

        *{ margin:0px; padding:0px}
        #tip{ position:absolute; width:200px; height:50px; line-height:50px; text-align:center; margin-left:-100px; left:50%; border:2px solid #FF6 ...

谢谢哈
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

小黑屋|Archiver|手机版|blueidea.com ( 湘ICP备12001430号 )

GMT+8, 2021-4-13 12:53 , Processed in 0.058291 second(s), 9 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表