先上效果图:当鼠标经过相亲会自动弹出取最新的10条数据

aaarticlea/png;base64,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" alt="" />

html代码:

<a href="javascript:;" class="fn_activities">相亲会 <img src="__PUBLIC__/Images/arrow.png"/></a>
<!-- 相亲会 -->

    <div class="com-activities-content" id="com-activities-content" style="width=300px;">
<volist name="ACT_LIST" id="ACT_LIST">
<p>
<a href="activities/{$ACT_LIST.id}.html" target="_blank">{$ACT_LIST.title|msubstr=0,10,'utf-8',true}</a>
</p>
</volist>
</div>
<!-- end -->

jquery 代码如下:

  /*相亲会*/

     $(".fn_activities").hover(function()
{
var _x = $(this).offset().top;
var _y = $(this).offset().left;
var _h = $(".com-activities-content").height();
var _ww = $(".com-activities-content").width(180);
var _w = $(this).width();
$(".com-activities-content").css({
'top': (_x - _h -3) + 'px',
'left': (_y - _w) + 'px',
'display': 'block'
}); },
function(){ });
    /*事件隐藏*/
$('body').click(function(event) { /*相亲会隐*/
if($(event.target).parents("#com-activities-content").length==0 && event.target.id != "com-activities-content") {
$('#com-activities-content').slideUp();
}
});

php取数据代码这个是用tp取数据,并做缓存:

    /*相亲会*/
$Act_M=M('activities');
$branch_id=$_COOKIE['curCityId'];
$cacheName=$branch_id.'_Act';
$Act_list=S($cacheName);
if(empty($Act_list))
{
// $sql="select id,title from activities where branch_id='$branch_id' order by id desc limit 10";
// $Act_list=$Act_M->query($sql);
$Act_list=$Act_M->field('id,title')->where("branch_id='$branch_id' ")->order('id desc')->limit(10)->select();
S($cacheName,$Act_list);
}

最后就是输出前面html  把 php变量assign到前台就不写出来了

jquery 自动跳出列表的更多相关文章

  1. 在MyEclipse8.6中设置jQuery自动提示 - 肖飞figo的云计算专栏 - 博客频道 - CSDN.NET

    body{ font-family: "Microsoft YaHei UI","Microsoft YaHei",SimSun,"Segoe UI& ...

  2. jQuery框架学习第十一天:实战jQuery表单验证及jQuery自动完成提示插件

    jQuery框架学习第一天:开始认识jQueryjQuery框架学习第二天:jQuery中万能的选择器jQuery框架学习第三天:如何管理jQuery包装集 jQuery框架学习第四天:使用jQuer ...

  3. jQuery自动加载更多程序

    1.1.1 摘要 现在,我们经常使用的微博.微信或其他应用都有异步加载功能,简而言之,就是我们在刷微博或微信时,移动到界面的顶端或低端后程序通过异步的方式进行加载数据,这种方式加快了数据的加载速度,由 ...

  4. 关闭Eclipse的控制台console自动跳出

    一.背景 在eclipse中进行开发,尤其是在后台有项目运行的时候,当有log或者错误需要打印到console中时,控制台就会被自动弹出,恰好这时候你又在编写代码,就会感觉瞬间想杀人,下面我们就来分享 ...

  5. dede教程之后台登录是自动跳出解决方法

    有时也不知道什么原因,登录后台时输入全部正确点确认按钮时却会自动跳出.必须输入http://你的域名/dede/login.php才可以登录.通过尝试最终解决了问题,下面分享出来: 1.打开根目录da ...

  6. 多行滚动jQuery循环新闻列表代码

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  7. jQuery 自动完成文本框

    jQuery自动完成插件开源软件 http://www.oschina.net/project/tag/329/jquery-autocomplete jQuery TextExt http://te ...

  8. Eclipse 支持jQuery 自动提示

    1.下载jQuery文件 http://download.csdn.net/detail/emoven/6294377 2.设置spket Window -> Preferences -> ...

  9. 让你的MyEclipse具有jquery自动提示

    想让你的MyEclipse支持Jquery的自动提示更简单一些,照下图完成即可:      照上面图示已经完成了Jquery自动提示的配置,此时spket已经有两种AJAX库的自动提示,通过右边的De ...

随机推荐

  1. vue-cli 脚手架总结

    > vue-cli 的脚手架项目模板有browserify 和 webpack , 现在自己在用的是webpack , 官网给出了两个模板: webpack-simple 和 webpack 两 ...

  2. PHP设计模式笔记七:观察者模式 -- Rango韩老师 http://www.imooc.com/learn/236

    观察者模式 概述: 1.观察者模式(Observer),当一个对象状态发生改变时,依赖他的对象全部会收到通知,并自动更新 2.场景:一个事件发生后,要执行一连串更新操作,传统的编程方式,就是在事件的代 ...

  3. hibernate-4.3.5安装配置

    起初照着官方文档配,一直出错,貌似官方的文档时错的,查了非常多资料,综合整理了一个可行的方案,例如以下: 0.1包结构 test.demo test.domain  //实体类 test.util// ...

  4. [RxJS] Error Handling in RxJS

    Get your code back on the happy path! This lesson covers a variety of ways to handle exceptions thro ...

  5. jQuery中 $ 符号的冲突问题

    jQuery中 $ 符号的冲突问题是常见问题之一.   在jQuery中,$是jQuery的别名,为了书写方便,我们更习惯用$('#id')这一类的方式来书写代码.当同一页面引用了jQuery多个版本 ...

  6. android 新浪微博客户端的表情功能的实现

    这是一篇好文章,我转来收藏,技术的最高境界是分享. 最近在搞android 新浪微博客户端,有一些心得分享弄android客户端表情功能可以用以下思路1.首页把新浪的表情下载到本地一文件夹种,表情图片 ...

  7. verilog 实现加法器

    半加器 如果不考虑来自低位的进位将两个1二进制数相加,称为半加. 实现半加运算的逻辑电路称为半加器. 真值表 逻辑表达式和 \begin{align}\notag s = a{b}' + {a}'b ...

  8. CSS结构伪类E:first-child/last-child/only-child/empty

    E:first-child解释:E的父元素的第一个子元素正好是E,给这个E定义样式 E:last-child解释:E的父元素的最后一个子元素正好是E,给这个E定义样式 E:only-child解释:E ...

  9. 当chm文档点击左侧,右侧无内容时的解决方案

    右击chm文件->属性->安全选项卡,选择你登陆计算机的用户名,把权限改成完全控制就可以显示了

  10. 访问MySQL数据库时,报“找不到请求的 .net Framework 数据提供程序。可能没有安装。”的解决方案

    最近开发了一个系统,在测试环境上进行部署(win7环境)并测试,没有发现问题:但是把系统部署到win Server2008R2上之后,部分页面就报“找不到请求的 .net Framework 数据提供 ...