频道栏目
首页 > 程序开发 > web前端 > HTML/CSS > 正文
鼠标滑过显示图片+标题的实现
2017-07-14 17:00:20         来源:hallwoo  
收藏   我要投稿
function newsLoad() {
    hits(OBJ_ID, MARK);
    getHits(OBJ_ID, MARK);
    getLastArticle();
    getHistory(MARK);
    addHistory(OBJ_ID, MARK);
    getNewProduct()
}
getNewProduct() 去掉
function getNewProduct() {
    $.post("/ajax.ashx?action=getnewproduct&t=" + Math.random(), function(a) {
        $("#newpro").html(a);
        $("#newpro h5").mouseover(function() {
            $(this).addClass("cur").siblings("h5").removeClass("cur").end().next("dl").show().siblings("dl").hide()
        }).eq(0).trigger("mouseover")
    })
}

上面一点去掉

在html页面加上下面一段

<script type="text/javascript">
        $.post("" + Math.random(), function(a) {
        $("#newpro h5").mouseover(function() {
            $(this).addClass("cur").siblings("h5").removeClass("cur").end().next("dl").show().siblings("dl").hide()
        }).eq(0).trigger("mouseover")
    })
</script>

前台html

<h5 class=""><a href="http://www.xxxx.com.cn/Products/ldip4909hw.html" title="户外运动无线蓝牙迷你音箱" target="_blank">户外运动无线蓝牙迷你音箱</a></h5>
                <dl style="display: none;">
                    <dt><a href="http://www.xxxx.com.cn/Products/ldip4909hw.html" title="户外运动无线蓝牙迷你音箱" target="_blank"><img src=/uploadfile/2017/0714/20170714050200187.jpg" title="户外运动无线蓝牙迷你音箱" alt="户外运动无线蓝牙迷你音箱"></a></dt>
                    <dd>
                    <ul>
                    </ul>
                    </dd>
                    <p class="clear">
                    </p>
                </dl>
点击复制链接 与好友分享!回本站首页
上一篇:echarts动态报表
下一篇:解决$.ajax的回调函数值和SpringMVC返回String时冲突的问题
相关文章
图文推荐
点击排行

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训 | 举报中心

版权所有: 红黑联盟--致力于做实用的IT技术学习网站