这个弹出时,文字描述在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>