首页 > 其他 > 详细

博客园的中土图片样式设置

时间:2019-10-31 11:51:54      阅读:82      评论:0      收藏:0      [点我收藏+]

对正文中的图片设置悬停放大

只需将下方代码贴进页面css即可~

详见:https://segmentfault.com/a/1190000018130969

.post img {
    cursor: pointer;
    transition: all 0.5s;
}
.post img:hover {
    transform: scale(1.3);
}

图片的点击放大

直接在“页脚html代码”这栏粘贴如下代码即可。

详见:https://blog.csdn.net/weixin_34075551/article/details/93555200

<!-- lightbox的样式 -->
<link href="https://blog-static.cnblogs.com/files/yadongliang/lightbox.css" rel="stylesheet">

<!-- lightbox.js核心代码 -->
<script src="https://blog-static.cnblogs.com/files/yadongliang/lightbox-plus-jquery.js"></script>
<script type=‘text/javascript‘>$(‘#cnblogs_post_body img‘).wrap(function(){return "<a href=‘"+$(this).attr("src")+"‘ data-lightbox=‘example-set‘></a>"});</script>
<script type=‘text/javascript‘>$(".code_img_closed").unwrap();</script>
<script type=‘text/javascript‘>$(".code_img_opened").unwrap();</script>

 

博客园的中土图片样式设置

原文:https://www.cnblogs.com/lfri/p/11770276.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!