前端小知识
关注
分享
扫一扫
LRB_Len
程序猿一枚
展开
-
自定义单选框和多选框
说明:作为一个Java后端程序员，有时候也需要自己去写些前端代码，所以将工作中用到的一些小知识做记录分享。1.自定义单选框（有图片）* ①先看效果图：* ②再献上完整代码：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>radio ...原创 2018-09-19 14:33:58 · 1907 阅读 · 1 评论 -
日历表（点击每一日获得当日日期）
说明:作为一个Java后端程序员，有时候也需要自己去写些前端代码，所以将工作中用到的一些小知识做记录分享。*日历制作说明：应业务要求：页面需展示一个日历表，并根据点击日期获取所需的当天数据，并显示在页面。*日历效果展示图：*日历来历说明：i、该日历整体框架是我从网上下载；ii、自己根据项目需求与项目页面更改了部分Css与Js;iii、在此得感谢网上无私奉献的...原创 2018-09-19 15:51:34 · 2941 阅读 · 2 评论 -
内容及banner轮播（多余条数隐藏轮播显示）
说明:作为一个Java后端程序员，有时候也需要自己去写些前端代码，所以将工作中用到的一些小知识做记录分享。* ①知识点介绍：设计作图时，页面可视宽度大部分是固定的,横向只能显示固定的几条信息，当我们后台返回信息条数大于可视固定信息条数时，我们有两种方法处理，一、只截取页面可视条数个数信息，二、初始显示可视条数其余条数采用Css隐藏，采用轮播的方式显示其余条数信息；具体运用视业务需求而定。...原创 2018-09-20 14:46:09 · 1478 阅读 · 1 评论 -
鼠标悬停出现遮罩或图片放大效果
说明:作为一个Java后端程序员，有时候也需要自己去写些前端代码，所以将工作中用到的一些小知识做记录分享。1.鼠标悬停出现遮罩效果* ①先看效果图：* ②再献上完整代码：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <style> li {...原创 2018-09-20 16:49:31 · 6798 阅读 · 2 评论 -
点击图片-屏幕中间遮罩放大显示
说明:作为一个Java后端程序员，有时候也需要自己去写些前端代码，所以将工作中用到的一些小知识做记录分享。* ①先看效果图：i、初始状态i、点击图片状态* ②重点代码展示：i、Js作用代码<script type="text/javascript"> /*点击图片放大观看 // 开发时将标签ID传入，ID可以循环遍历i加1生成或用数据...原创 2018-09-21 09:38:10 · 1965 阅读 · 1 评论 -
点击切换Css样式
说明:作为一个Java后端程序员，有时候也需要自己去写些前端代码，所以将工作中用到的一些小知识做记录分享。* ①先看效果图：i、初始 ii、点击切换样式* ②代码展示：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>点击切换Cs...原创 2018-09-21 13:59:40 · 11025 阅读 · 1 评论 -
Js日期格式转换
说明:作为一个Java后端程序员，有时候也需要自己去写些前端代码，所以将工作中用到的一些小知识做记录分享。* ①文章说明：做项目时有时候会需要获得当前日期，有时候需要对数据库返回的时间戳做友好的格式转换显示，故而将一些用到过的Js日期格式化代码记录下来，供以后方便使用。* ②代码展示：$(function(){ //获得当前时间 格式为: yyyy-MM-dd HH:mm:ss...原创 2018-09-21 14:11:34 · 460 阅读 · 1 评论