有列表,有分页,最新最热按钮正常点击,就这个js就可以 <p class="cc-subj" id="px_nh"> <span>排序:</span> <a class="" href="javascript:void(0)" id="zuinew">最新</a> <a class="" href="javascript:void(0)" id='zuihot'>最热</a> </p> <script> $(function(){ var a = sessionStorage.getItem( "hot_new_check" ); // alert(a) if(a == null){ $('#a_new').show(); $('#a_hot').hide(); $("#zuinew").addClass("kemu"); } if(a == 1){ $('#a_new').show(); $('#a_hot').hide(); $("#zuinew").addClass("kemu"); } if(a == 0){ $('#a_new').hide(); $('#a_hot').show(); $("#zuihot").addClass("kemu"); } $('#zuihot').click(function(){ $("#zuinew").toggleClass("kemu"); $(this).addClass('kemu'); $('#a_new').hide(); $('#a_hot').show(); sessionStorage.setItem("hot_new_check", 0); }) $('#zuinew').click(function(){ $("#zuihot").toggleClass("kemu"); $(this).addClass('kemu'); $('#a_new').show(); $('#a_hot').hide(); sessionStorage.setItem("hot_new_check", 1); }) }) </script>
//最新开始 <div class="lm-left fl" id="a_new"></div> <!-- 最热开始 --> <div class="lm-left fl" id='a_hot'></div> <!-- 最热end -->
JS缓存 按钮点击,下面代码随着切换
最新推荐文章于 2024-03-12 11:06:36 发布