使用JQuery快速实现Tab的AJAX动态载入(实例讲解)
2023-06-13 09:15:13 时间
1.找到链接源,我这里是一串的Li下的链接
2.处理样式
3.当鼠标移过时载入链接源的网站到指定容器,并切换样式让点击事件返回false,这里不会应该点击到链接源网页
5.Over了.
脚本:
{
//homeNews
vartid="#homeNews";//removeTabBold
varlvTabs=$(tid);
if(lvTabs!=null)
{
lvTabs.find("a").each(function(){$(this).click(function(){returnfalse;});$(this).mouseover(function(){
removeTabBold(tid);$(this).addClass("bold");
$(this).parent().addClass("lvbg");
$("#HomeNewsList").load($(this).href());
returnfalse;})});
}
}
functionremoveTabBold(LvTabId)
{
$(LvTabId).find("a").each(function(){
$(this).removeClass("bold");
$(this).parent().removeClass("lvbg");
$(this).parent().parent().parent().removeClass("lvp");});
}
相关文章
- jquery监听浏览器刷新_jQuery刷新浏览器页面大小
- jQuery实现返回顶部功能[通俗易懂]
- jwplayer html插件,jQuery插件JWPlayer视频播放器用法实例分析
- JQuery处理json与ajax返回JSON实例详解编程语言
- jquery禁用右键单击、F5刷新详解编程语言
- jQuery Ajax 实例 ($.ajax、$.post、$.get)详解编程语言
- 学习Ajax基于MySQL的实例实践(ajax实例 mysql)
- Jquery工作常用实例使用AJAX使网页进行异步更新
- jQuery过滤not()与filter()实例代码
- js/ajax跨越访问-jsonp的原理和实例(javascript和jquery实现代码)
- asp.net中利用Jquery+Ajax+Json实现无刷新分页的实例代码
- JQuery的Ajax请求实现局部刷新的简单实例
- Jquery中国地图热点效果-鼠标经过弹出提示层信息的简单实例
- 使用jQuery和PHP实现类似360功能开关效果
- JQuery解析HTML、JSON和XML实例详解
- jQuery实现回车键(Enter)切换文本框焦点的代码实例
- js与jQuery实现的兼容多浏览器Ajax请求实例
- 实例讲解JQuery中this和$(this)区别
- PHP+jquery+ajax实现即时聊天功能实例
- jQuery内置的AJAX功能和JSON的使用实例
- jquery取子节点及当前节点属性值的方法