導(dǎo)讀:CMS教程CMS教程PbootCMS點(diǎn)贊后再次進(jìn)入顯示已贊效果實(shí)現(xiàn)方法。 本操作需要下載附件引入相關(guān)js才能實(shí)現(xiàn)哦！ 引入后到詳情頁面使用，如果需要在列表頁面使用，可以適當(dāng)修改相關(guān)seo網(wǎng)站優(yōu)化培訓(xùn)高端網(wǎng)站建設(shè)。

PbootCMS點(diǎn)贊后再次進(jìn)入顯示已贊效果實(shí)現(xiàn)方法。 本操作需要下載附件引入相關(guān)js才能實(shí)現(xiàn)哦！ 引入后到詳情頁面使用，如果需要在列表頁面使用，可以適當(dāng)修改相關(guān)參數(shù) 注意文件引用路徑，本教程使用的是根目錄路徑哦，如果是模板路徑使用PB相應(yīng)標(biāo)簽即可，有疑問歡迎艾特我哦 html部分 .likesa{height:40px;line-height:40px;display:inline-block;padding:015px;background:#fff;border:1pxsolid#4fc08d;col […]

PbootCMS點(diǎn)贊后再次進(jìn)入顯示已贊效果實(shí)現(xiàn)方法。

本操作需要下載附件引入相關(guān)js才能實(shí)現(xiàn)哦！

引入后到詳情頁面使用，如果需要在列表頁面使用，可以適當(dāng)修改相關(guān)參數(shù)

注意文件引用路徑，本教程使用的是根目錄路徑哦，如果是模板路徑使用PB相應(yīng)標(biāo)簽即可，有疑問歡迎艾特我哦

html部分營銷型網(wǎng)站建設(shè)

.likes a {   height: 40px;   line-height: 40px;   display: inline-block;   padding: 0 15px;  &nbsseo網(wǎng)站優(yōu)化培訓(xùn)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網(wǎng)站seo優(yōu)化軟件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">您已點(diǎn)贊！</span>');   jQuery('.like-link').removeAttr('href'); } </script>相關(guān)seo網(wǎng)站優(yōu)化培訓(xùn)高端網(wǎng)站建設(shè)。

關(guān)鍵詞標(biāo)簽: CMS 效果 標(biāo)簽