2018年04月_酷jjs

原创小程序1：判断标签、循环标签、事件类别、事件绑定方式

<include src="../templates/header/header"/> <button type="default" bindtap="btnClick" >{{btnName}} </button><text class="row">{{text}}</text&gt

2018-04-29 14:13:52 1371

原创 shape-outside实现文字环绕图片圆弧形排列效果

shape-outside: circle(20px at 50px 30px)，那么圆的半径为20px，圆心距离左侧为50px，距离顶部为30px的点。/*****************人物内容介绍***************/.culture_cont{padding:20px 0;height:auto;width:100%;}.culture_cont .people{over...

2018-04-23 11:28:39 3530

原创 jquery限制输入框字符串长度为10

<input type="text" class="ipt" placeholder="最长不超过10个字符" id="nameIpt"/> //限制字符串长度为10（事件监听） $("#nameIpt").bind("input propertychange", function() { var text = $

2018-04-18 10:57:00 6892 1

原创 jquery自动获取光标在字符串后，清空输入框文本再聚焦

jquery自动获取光标在字符串后 var str=$("#callnumber").val(); $("#callnumber").val("").focus().val(str);jquery点击按钮自动清空输入框文本再聚焦 $(".close").click(function () { $("#callnumber").val(""

2018-04-17 09:36:19 1744

原创按钮返回上一页

history.back(-1):直接返回当前页的上一页，数据全部消息，是个新页面history.go(-1):也是返回当前页的上一页，不过表单里的数据全部还在<a href="javascript:history.go(-1)">返回</a><a href="javascript:history.back(-1)">返回</a>...

2018-04-16 10:37:57 3919

原创竖排文字居中排列效果

.cont{background:rgba(255,255,255,0.8);margin-top:10px; height:44%;width:100%;writing-mode:vertical-rl; display:flex;-webkit-display:flex;flex-direction:column; align-content: center;justify-c...

2018-04-14 10:19:20 1648

原创 jq回到顶部

/*****************回到顶部****************/.backTop{width:32px;height:48px;position: fixed;bottom:70px;right:18px;}.backTop img{width:100%;}$(function () { var backTop=["<div class=\"backTop hid...

2018-04-13 09:36:04 609

原创数量增减控制效果

<div class="numiptbox"> <a class="lbtn" id="lbtn">-</a> <input class="numipt" id="numipt" type="number" value="1" min=&quo

2018-04-11 13:17:21 383

原创 jquery的loading动画插件

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link charset="utf-8" href="css/r

2018-04-10 09:37:06 2179

原创 css雪花飘落效果

链接：https://pan.baidu.com/s/1_4Qam-lVlLv4yitmFQyyVg 密码：y8qb<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title>&l

2018-04-07 20:41:27 5904 1

原创文字上下左右居中

/*###########################道教商城详情#####################*/.shopdetail{margin-top:24px;margin-bottom:24px;}.shopdetail .slideimg_ban{width:100%;height:386px;background:#faf9f7;margin-bottom:30px;}....

2018-04-04 09:25:19 1514

原创 css3动画效果

/*红包侠黄色圆圈不断放大缩小动画*/.yellow_sacle{ animation: yuan 0.3s linear 0s infinite alternate;}@keyframes yuan { from { transform: scale(1); -ms-transform: scale(1); /* IE 9 */ ...

2018-04-03 11:28:47 165

原创摇一摇效果

2018-04-03 10:30:47 142

一只程序媛