«
jQuery+CSS鼠标放图片上滑动显示文字特效

时间:2021-11-17    作者:Thinkphp    分类: Javascript


<script type="text/javascript">
$(document).ready(function(){
 $(".imgtext").hide();
 $(".imgbox").hover(function(){
  $(".imgtext",this).slideToggle(500);
 });
});
</script>

================================

<ul>
    <li>
        <div class="imgbox"><a href="#" target="_blank"><img src="images/111.jpg"></a>
            <div class="text">
                <div class="imgtext"> 2012新品男T恤韩版短袖男士夏装男装翻领t恤POLO衫 货到付款 T93 </div>
            </div>
        </div>
    </li>
    <li>
        <div class="imgbox"><a href="#" target="_blank"><img src="images/222.jpg"></a>
            <div class="text">
                <div class="imgtext"> 风景图片效果,水光山色 </div>
            </div>
        </div>
    </li>
</ul>

标签: Javascript