- 博客(9)
- 收藏
- 关注
原创 表单输入某个范围的正整数
需求:表单中输入1-100的正整数方法一html<input type="text" class="number" maxNum="100">js$(document).ready(function(){ $(".number").bind("keyup", function () { //粘贴事件 CheckNum(this); });
2018-06-20 11:16:57 1515
原创 简单的轮播图
以下代码均需引入jquery一、点击左右箭头进行滑动<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>点击左右箭头进行滑动</title> <script type="
2018-06-20 09:28:39 612
原创 可编辑可选择的下拉框
需求说明:创建一个下拉框,选择option后,可以对选中的内容进行编辑,如下图实现思路:用一个input视线编辑功能,border隐藏,在视觉上认为是selet实现编辑功能。select触发change事件时,将value(选中的option)填入到input中代码:<!DOCTYPE html><html><head> <title>可编辑可...
2018-06-19 15:42:34 8299
原创 js实现发送验证码倒计时功能
<!DOCTYPE html><html><head> <title></title> <meta charset="utf-8"></head><body> <input type="button" id="
2018-06-19 15:32:41 237
原创 h5实现图片预览效果,模拟淘宝上传图片样式
效果:代码<!DOCTYPE html><html><head> <title>图片上传</title> <meta charset="utf-8"> <style type="text/css"> .show-place{ width: 600px;
2018-06-19 15:13:34 2123
原创 css实现箭头和带缺口提示框
一、实现如图所示箭头<!DOCTYPE html><html><head> <title></title><style type="text/css">.out{ width: 200px; height: 200px; background: #f00; position: relative;}.w
2018-06-19 14:36:12 1669
原创 event距相对父容器的位置
function getOffsetX(event){ var evt =event||window.event; var srcObj = evt.target || evt.srcElement; if (evt.offsetX){ return evt.offsetX; }else{ var rect = srcOb...
2018-06-15 10:13:05 1391
原创 animation实现闪烁效果
.commodity-sign-wrap{ animation:blink 1s infinite; -webkit-animation:blink 1s infinite; /*Safari and Chrome*/}@keyframes blink{ 0%{ opacity: 0; } 50%{ opacity: 100; } 100%{ opacity: 0;...
2018-06-15 10:05:40 7844
原创 自定义表单元素样式
一、 修改placeholder颜色::-webkit-input-placeholder { color: red; }:-moz-placeholder {/* Firefox 18- */ color: red; }::-moz-placeholder{/* Firefox 19+ */ color: red; }:-ms-input-placeholder { color: r...
2018-06-15 10:03:39 1015
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人