首页 > PHP资讯 > HTML5培训技术 > JQuery学习——标签页效果一

JQuery学习——标签页效果一

HTML5培训技术
按照惯例,我们还是先来看一下最终要达到效果图:
和上一个菜单效果类似,当鼠标移动到标签上的时候,下面会显示相应的内容。当然,同样存在滑动门的问题。
 
前台页面的代码:
[html]  
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="tab. ver(function () {  
            var nodeTabin = $(this);  
            setTimeouId = setTimeout(function () {  
                $("#firstDiv .contentin").removeClass("contentin");  
                $("#firstDiv .tabin").removeClass("tabin");  
  
                $("#firstDiv div").eq(index).addClass("contentin");  
                //我在这里犯错了哦,不应该再用this  this如果用在这里的话那么是指的window  
                nodeTabin.addClass("tabin");  
            }, 300);  
        }).mouseout(function () {  
            clearTimeout(setTimeouId);  
        });  
    });  
});  
  
  
  
  
   

HTML5培训技术

本文由欣才IT学院整理发布,未经许可,禁止转载。
支持10不支持0