jquery总结

    科技2022-09-08  112

    thickbox插件 弹出层 Jquery:

    <link rel="stylesheet" href="styles/thickbox.css" type="text/css" /> <script src="scripts/jquery.thickbox.js" type="text/javascript"></script>

    html:

    <span> <a href="images/pro_img/blue_one_big.jpg" id="thickImg" title="介绍文字" class="thickbox"> <img alt="点击看大图" src="images/look.gif" /> </a> </span>

    jqzoom插件 放大镜 Jquery:

    <script src="scripts/jquery-1.7.2.min.js" type="text/javascript"></script> <script src="scripts/jquery.jqzoom.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function () { $(".jqzoom").jqueryzoom({ xzoom:300, yzoom: 300, offset: 10, position: "right", preload: 1 }); }); </script>

    HTML:

    <div class="jqzoom"> <img src="images/pro_img/blue_one_small.jpg" jqimg="images/pro_img/blue_one_big.jpg"/> </div>
    Processed: 0.013, SQL: 9