导读:CMS教程CMS教程PbootCMS点赞后再次进入显示已赞效果实现方法。 本操作需要下载附件引入相关js才能实现哦！ 引入后到详情页面使用，如果需要在列表页面使用，可以适当修改相关seo网站优化培训高端网站建设。

PbootCMS点赞后再次进入显示已赞效果实现方法。 本操作需要下载附件引入相关js才能实现哦！ 引入后到详情页面使用，如果需要在列表页面使用，可以适当修改相关参数 注意文件引用路径，本教程使用的是根目录路径哦，如果是模板路径使用PB相应标签即可，有疑问欢迎艾特我哦 html部分 .likesa{height:40px;line-height:40px;display:inline-block;padding:015px;background:#fff;border:1pxsolid#4fc08d;col […]

PbootCMS点赞后再次进入显示已赞效果实现方法。

本操作需要下载附件引入相关js才能实现哦！

引入后到详情页面使用，如果需要在列表页面使用，可以适当修改相关参数

注意文件引用路径，本教程使用的是根目录路径哦，如果是模板路径使用PB相应标签即可，有疑问欢迎艾特我哦

html部分营销型网站建设

.likes a {   height: 40px;   line-height: 40px;   display: inline-block;   padding: 0 15px;  &nbsseo网站优化培训p;background: #fff;   border: 1px solid #4fc08d;   color: #4fc08d;   border-radius: 30px;   transition: all .5s;   -webkit-transition: all .5s; } .likes a.active, .likes a:hover {     background: #4fc08d;     color: #fff;     transition: all .5s;     -webkit-transition: all .5s; } .likes a span {   text-align: center;   margin: 0 3px; } .likes-tip {   position: absolute;   top: -45px;   left: 50%;   margin-left: -45px !important;   margin-right: 0px !important;   width: 90px;   height: 30px;   line-height: 30px;   background: #4fc08d;   border-radius: 3px;   color: #fff;   font-size: 14px;   display: none; } .likes .zan:hover&n网站seo优化软件bsp;.likes-tip {   display: block; } </style>

js部分

<script src="/libs/js/jQuery.cookie.js"></script> <script> var Like_status = jQuery.cookie('likes_{content:id}'); if( Like_status == 1 ){   $('.zan-text').empty().append('已赞');   $('.zan').addClass('active');   jQuery('.zan').append('<span class="tac likes-tip">您已点赞！</span>');   jQuery('.like-link').removeAttr('href'); } </script>相关seo网站优化培训高端网站建设。

关键词标签: CMS 效果 标签