前端代码
我还记得那天夕阳下的奔跑
前端小白
展开
-
倒计时
倒计时html<div class="activity-title" id="title"> <div class="time"> <div class="time-con"> <div class="time-num">原创 2017-09-04 16:12:35 · 359 阅读 · 0 评论 -
js获取下一个月最后一天
思路:先获取当前时间(年月日),再判断当前月份的下一个月是多少天 。 注意:(1)js中 getMonth() 返回值是0(一月)到11(十二月)之间的一个整数;(2)当getMonth()返回的值是11(12月),则它的下一个月为次年1月;(3) 当getMonth()返回的值是0(1月),则它的下一个月为2月,应判断是否为闰年。代码如下: <!DOCTYPE ...原创 2018-03-12 15:41:08 · 2910 阅读 · 0 评论 -
实时计算用户输入的字符数
某输入框限定最多输入15(或其他数字)个字符并实时计算用户输入的字符数,显示出可输入字符数。右下角数字表示允许长度,数字可到负,到负标红。效果如下图:html代码如下:<div class="user-info-detail"> <p> <span class="item-name"><i class="ico...原创 2018-05-03 18:24:52 · 437 阅读 · 0 评论 -
动态填充两个相关联的下拉框(如二级地址)
动态填充两个相关联的下拉框。例如:先获取所有的省,然后根据用户选中的省再获取该省的所有市。效果如下图: 图1 图2html代码如...原创 2018-05-07 11:38:06 · 297 阅读 · 0 评论 -
自定义单选框样式
大多数情况下我们需要重新定义单选框的样式,比如下图:html代码如下:<div class="user-info-detail"> <p> <span class="item-name">性别</span> <label class="choice-item radio-sex" fo原创 2018-05-07 14:18:54 · 1217 阅读 · 0 评论 -
鼠标悬停图片位置呼出浮层,点击浮层按钮可上传图片替换原图
举个栗子,鼠标悬停头像位置呼出浮层,点击浮层按钮可修改头像。不说废话,直接看效果图: 图1 正常情况下 图2 鼠标悬停于头像位置时html代码:<div class="user-avatar"> <img id="headUrl"> <div class="modify-avatar"...原创 2018-06-01 17:19:21 · 976 阅读 · 0 评论 -
jquery 实现DOM节点增删+循环获取表单值 示例
交互:1.点击“添加故障”:可添加多个故障,默认首次进入展示一条故障录入框,添加上限不限;点击“删除故障”,可删除最近一条故障,删除至仅有一个故障后,“删除故障”按钮消失;2.点击“添加方案”:可添加多个方案,默认展示一个方案,添加上限不限;点击“删除”,可删除该方案,删除至仅有一个方案后,”删除“按钮消失。图1 弹框初始样式图2 点击几次”添加故障“按钮图3 点击几次”添加绑定方...原创 2018-11-21 17:52:16 · 387 阅读 · 0 评论