这次利用css3+纯jq模仿了H5留言板功能,如果JQuery不是很懂或者压根不懂的小伙伴可以关掉了,没有JS版本的哦~(内含箭头函数,如果忘了什么是箭头函数也请认真复习一下哦)。
由于没有后台所以留言内容不会保留,刷新或重新打开后就会还原。留言板核心思想就是利用了取值、赋值。在此基础上添加了模仿用户登录和注销、验证码的动态验证及判断。而在JS代码中将大部分功能进行了封装,以方便大家去理解代码。
功能上取消了[查看全文]功能,但是代码仅注释,大家可以根据自身能力进行开发;目前已知严重缺陷的地方就是赞/踩功能只能实现单一的点/取消(就是0和1),并且赞和踩的状态可以同时存在;
引用文件说明:
JQ版本:
3.4.1压缩版,引用地址(https://cdn.cptyun.com/jquery/3.4.1/jquery.min.js);
reset.css:样式重置,该css文件重置了大部分标签所带的默认样式,原因不用我多说了吧(小声bb);
以上两个文件大家可以直接引用,有效期至2020-10-1;如果大家有常用的或者想用的需要引用可以留言,审核通过后会添加哦!
favicon.icon:概念云工作室图标,版权所有!
源代码已上传至云盘,大家可以随意下载、开发;所用图片来源于阿里巴巴矢量图标库,为了减小体积做成了雪碧图,需要原图的可以私聊我;
链接:https://pan.baidu.com/s/1gHF4DIgsdrkA92Ez5r1YGg
提取码:k1wk
(虽然不可能,但是还是要提醒大家,商用切记版权问题,不要因为用了几个字花好几万哦)
如果大家对代码有什么疑问的话可以留言或者私信微博@概念云工作室,我会尽力为大家解答;
最后再多bb一句:微博:概念云前端研究所超话招募志同道合的朋友,只要你对前端有兴趣,有自己独特的见解都可以来超话发表话题,更有机会成为超话小主持人,可以进行橙V认证哦