专业的织梦模板下载平台,更多精品模板,超低模板价格,网站建设如此简单!           QQ好友已满,→点此获取提取码←
当前位置:主页 > 建站教程 > 织梦插件 >

织梦输入密码查看文章内容支持静态动态及手机端

发布时间:2019-05-08  来源:六久阁  浏览:0  关键词:织梦密码 织梦密码查看 
阿里云最新活动2折低价服务器

织梦输入密码查看文章内容支持静态动态及手机端效果演示:

织梦输入密码查看文章内容支持静态动态及手机端

织梦密码查看前端样式代码:

<style>
.article-secret{margin:20px 0;padding:20px;background:#f8f8f8;overflow:hidden;}
.article-secret input.article-pw[type=password]{float:left;background:#fff;width:100%;line-height:36px;margin-top:5px;border-radius:3px}
.article-secret span{color:#f00;}
.article-secret input.article-sub[type=submit]{float:right;margin-top:-47px;width:30%;margin-right:1px;border-radius:0 3px 3px 0}
input.article-sub[type=submit]{background-color:#3498db;color:#fff;font-size:21px;box-shadow:none;-webkit-transition:.4s;-moz-transition:.4s;-o-transition:.4s;transition:.4s;-webkit-backface-visibility:hidden;position:relative;cursor:pointer;padding:13px 20px;text-align:center;border-radius:50px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border:0;height:auto;outline:medium;line-height:20px;margin:0}
input.article-sub[type=submit]:hover{background-color:#5dade2}
input.article-pw[type=password],input.article-pw[type=text]{border:1px solid #F2EFEF;color:#777;display:block;background:#FCFCFC;font-size:18px;transition:all .5s ease 0;outline:0;box-sizing:border-box;-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px;padding:5px 16px;margin:0;height:auto;line-height:30px}
input.article-pw[type=password]:hover,input.article-pw[type=text]:hover{border:1px solid #56b4ef;box-shadow:0 0 4px #56b4ef}
</style>

1、以上代码放在加密的文章页模板里,新增文件article.php,放在plus目录里,查看templets\default\article_image.htm及手机端模板article_image_m.htm即可

2、在article_image.htm模板里引入js:<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/1.8.3/jquery.js"></script>

模板文件里代码见附件:

3、PC端密码查看功能演示地址:http://mima.lala8.cn/cpzs/1/330.html                        查看密码:12345

4、手机端密码查看功能演示地址:http://mima.lala8.cn/m/view.php?aid=330              查看密码:12345

织梦输入密码查看文章内容支持静态动态及手机端下载地址(整个演示站源码打包下载):https://pan.baidu.com/s/11Oz_sYd12IfLsmOi9Nqi3A 

提取码:咨询本站站长QQ:344693787点击QQ号即可直接咨询)获得

织梦二次开发QQ群

群号(383578617) DedeCMS织梦教程QQ群 如果您有任何织梦问题,请把问题发到群里,阁主将免费为您写解决教程!

已有 0 人评论


CopyRight © 2016-2017 六久阁模板下载网 版权所有  备案号:滇ICP备15006281号-4 
本站部份内容来源自网络,文字、素材、图片版权属于原作者,本站转载素材仅供大家欣赏和分享,切勿做为商业目的使用。
如果侵害了您的合法权益,请您及时与我们,我们会在第一时间删除相关内容!