今儿写前台tab效果时用的,(jquery)
<asp:Content ContentPlaceHolderID="head" ID="head1" runat="server">
<script type="text/javascript" language="javascript">
$(document).ready(function(){
var $npros = $('.divpro');
var $nprotitle = $('#nptil li');
$nprotitle.mousemove(function(){
$npros.hide();
$nprotitle.css({color:"#000000","80px",height:"25px",background:"#EEEEEE",border:"solid 0px #CCCCCC"});
var index = $nprotitle.index($(this));
$($nprotitle.get(index)).css({color:"#FFFFFF","78px",height:"23px",cursor:"pointer",background:"#FF6944",border:"solid 1px #CCCCCC","border-bottom":"solid 1px #FF6944"});
$($npros.get(index)).show();
});
})
$(document).ready(function(){
var $hpros = $('.divpro2');
var $hprotitle = $('#hptil li');
$hprotitle.mousemove(function(){
$hpros.hide();
$hprotitle.css({color:"#000000","80px",height:"25px",background:"#EEEEEE",border:"solid 0px #CCCCCC"});
var index = $hprotitle.index($(this));
$($hprotitle.get(index)).css({color:"#FFFFFF","78px",height:"23px",cursor:"pointer",background:"#FF6944",border:"solid 1px #CCCCCC","border-bottom":"solid 1px #FF6944"});
$($hpros.get(index)).show();
});
})
</script>
</asp:Content>