使用JQuery快速实现Tab的AJAX动态载入(实例讲解)
2013-12-11 00:00
716 查看
下面我就简单讲一下实现过程:
1.找到链接源,我这里是一串的Li下的链接
2.处理样式
3.当鼠标移过时载入链接源的网站到指定容器,并切换样式让点击事件返回false,这里不会应该点击到链接源网页
5.Over了.
脚本:
1.找到链接源,我这里是一串的Li下的链接
2.处理样式
3.当鼠标移过时载入链接源的网站到指定容器,并切换样式让点击事件返回false,这里不会应该点击到链接源网页
5.Over了.
脚本:
{ //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");}); }
相关文章推荐
- 使用JQuery快速实现Tab的AJAX动态载入(实例讲解)
- 使用JQuery快速实现Tab的AJAX动态载入
- PHP中使用jQuery+Ajax实现分页查询多功能操作(示例讲解)
- ajax实现用户名校验的传统和jquery的$.post方式(实例讲解)
- 学习新事物:使用jquery+xml实现ajax简单实例
- 【JavaWeb开发】使用Jquery与Ajax实现动态联级菜单
- jQuery+Ajax+PHP+Mysql实现分页显示数据实例讲解
- 通过Ajax+jquery实现的动态增加一组查询条件的实例
- ajax实例:如何使用json+ajax的方法实现类似前端特效tab切换效果
- 使用jquery实现div的tab切换实例代码
- jQuery+Ajax+PHP+Mysql实现分页显示数据实例讲解
- JavaWeb开发之使用jQuery与Ajax实现动态联级菜单效果
- Ajax-05 使用XMLHttpRequest和jQuery实现Ajax实例
- Django+Ajax+jQuery实现网页动态更新的实例
- 使用jquery实现div的tab切换实例
- 使用jQuery轻松实现Ajax的实例代码
- jquery autocomplete使用教程(动态绑定以及ajax实现)
- JS时间控制实现动态效果的实例讲解