php
代码如下 | 复制代码 |
<div class="widget" id="diary1"> <!--显示个人日志--> <div class="widget" id="diary2"> |
html
代码如下 | 复制代码 |
<!--显示和隐藏效果--> <script type="text/javascript"> $(document).ready(function(){ var $hiden1=$("#diary1 ul li:gt(7)"); var $hiden2=$("#diary2 ul li:gt(7)"); var $hiden3=$("#diary3 ul li:gt(7)"); $hiden1.hide(); $hiden2.hide(); $hiden3.hide(); var $more1=$(".more_article1"); var $more2=$(".more_article2"); var $more3=$(".more_article3"); $(".more_article1,.more_article2,.more_article3").mouseover(function(){ $(this).addClass("more_color").mouseout(function(){ $(this).removeClass("more_color"); }); }); $more1.toggle(function(){ $hiden1.show(); $(".more_article1 img").attr("src","hwp-includes/images/widget_btn_up.png"); },function(){ $hiden1.hide(); $(".more_article1 img").attr("src","hwp-includes/images/widget_btn_down.png"); }); $more2.toggle(function(){ $hiden2.show(); $(".more_article2 img").attr("src","hwp-includes/images/widget_btn_up.png"); },function(){ $hiden2.hide(); $(".more_article2 img").attr("src","hwp-includes/images/widget_btn_down.png"); }); $more3.toggle(function(){ $hiden3.show(); $(".more_article3 img").attr("src","hwp-includes/images/widget_btn_up.png"); },function(){ $hiden3.hide(); $(".more_article3 img").attr("src","hwp-includes/images/widget_btn_down.png"); }); return false; }); </script> |