87,907
社区成员
发帖
与我相关
我的任务
分享
$(document).ready(function () {
//当鼠标滑入时将div的class换成hover
$(".headtestcss").hover(function () {
$(".hover").removeClass("hover");
$(this).addClass("hover");
}, function () {
//鼠标离开时移除hover样式
var attrid = $("#hdfAttrID").val();
var text = $(this).text();
alert(text);
if (text == attrid) {
alert("1");
}
else {
alert(attrid);
var TabId = document.getElementById("hdfTabId").value;
document.getElementById(TabId).className = "hover";
$(this).removeClass("hover");
}
}
);
});
<asp:HiddenField ID="hdfAttrID" ClientIDMode="Static" runat="server" />
<asp:HiddenField ID="hdfTabId" ClientIDMode="Static" runat="server" Value="Tab1" />
<ul id="TabPage1">
<li id="Tab1" class="hover" onclick="switchTab('TabPage1','Tab1','病种');">病种</li>
<li id="Tab2" class="headtestcss" onclick="switchTab('TabPage1','Tab2','病因');" >病因</li>
<li id="Tab3" class="headtestcss" onclick="switchTab('TabPage1','Tab3','治疗');" >治疗</li>
<li id="Tab4" class="headtestcss" onclick="switchTab('TabPage1','Tab4','预防');" >预防</li>
</ul>
function switchTab(tabpage, tabid, attrid) {
var oItem = document.getElementById(tabpage);
for (var i = 0; i < oItem.children.length; i++) {
var x = oItem.children(i);
if (x.id != tabid) {
x.className = "";
}
}
document.getElementById(tabid).className = "hover";
document.getElementById("hdfAttrID").value = attrid;
document.getElementById("hdfTabId").value = tabid;
}