源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

使用JQuery快速实现Tab的AJAX动态载入(实例讲解)

  • 时间:2022-01-08 21:18 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:使用JQuery快速实现Tab的AJAX动态载入(实例讲解)
[b]下面我就简单讲一下实现过程:[/b] 1.找到链接源,我这里是一串的Li下的链接 2.处理样式 3.当鼠标移过时载入链接源的网站到指定容器,并切换样式让点击事件返回false,这里不会应该点击到链接源网页 5.Over了. 脚本:
[u]复制代码[/u] 代码如下:
    {     //homeNews           var tid = "#homeNews";//removeTabBold           var lvTabs = $(tid);           if(lvTabs != null)           {             lvTabs.find("a").each(function(){$(this).click(function(){return false;});$(this).mouseover(function(){ removeTabBold(tid);$(this).addClass("bold"); $(this).parent().addClass("lvbg"); $('#HomeNewsList').load($(this).href()); return false;})});           }     }     function removeTabBold(LvTabId)     {        $(LvTabId).find("a").each(function(){ $(this).removeClass("bold"); $(this).parent().removeClass("lvbg"); $(this).parent().parent().parent().removeClass("lvp");});     }
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部