• 图片点击产看原图--fancybox


    这个弹出时,文字描述在title里写,可以带有html代码,并且样式可以应用

    代码:

    <link rel="stylesheet" type="text/css" href="css/jquery.fancybox.css"/>
    <script type="text/javascript" src="scripts/jquery.fancybox.js"></script>
    <script>$(document).ready(function() {
    /* This is basic - uses default settings */
    $(".fancybox").fancybox();
    /* Using custom settings */
    });
    </script>
    <style type="text/css">
        .fancybox-title-float-wrap{margin-bottom: 0px;}
        .fancybox-title-float-wrap .child>a{color: #E48A17;display: block; }
    </style>
    <div class="sea">
        <a href="images/GALLERY_19.jpg" class="fancybox" title="<a href='https://www.baidu.com' target='_blank'>Plastics Machining</a> <a href='https://www.baidu.com' target='_blank'>Functional Prototyping</a> <a href='https://www.baidu.com' target='_blank'>Consumer & Commercial </a>">Click to Zoom</a>
    </div>

  • 相关阅读:
    Java核心技术-映射
    Java核心技术-具体的集合
    Java核心技术-继承
    Spring MVC 起步
    最小化Spring XML配置
    装配Bean
    Bean和Spirng模块
    Spring入门
    git学习笔记
    CISCN2018-WP
  • 原文地址:https://www.cnblogs.com/ghfjj/p/6638472.html
Copyright © 2020-2023  润新知