- 博客(14)
- 收藏
- 关注
原创 验证码60秒发送(获取验证码)demo效果示例(整理)
获取验证码var countdown=60;function send(){ var obj = $("#btn"); settime(obj); }function settime(obj) { //发送验证码倒计时 if (countdown == 0) { obj.attr('disabled',
2018-01-27 17:02:02 11734 2
原创 JS,Jquery获取各种屏幕的宽度和高度
Javascript:网页可见区域宽: document.body.clientWidth网页可见区域高: document.body.clientHeight网页可见区域宽: document.body.offsetWidth (包括边线的宽)网页可见区域高: document.body.offsetHeight (包括边线的高)网页正文全文宽: document.bod
2018-01-26 15:29:09 219
原创 textarea文本域控制字数多少(带数字,数字减小)demo效果示例(整理)
textarea文本域控制字数多少(带数字,数字减小)30/30 /*字数限制*/ $(".area").on("input propertychange", function() { var $this = $(this), _val = $this.val(),
2018-01-26 15:08:10 2491
原创 文字点击展开再次点击隐藏
jQuery实现收起展开功能a{color:darkgreen}.hovertreeContent{width:300px;text-indent:2em;margin:5px auto;height:80px;overflow:hidden;position:relative;border:1px solid silver;}.hewenqiToggle{height:20p
2018-01-12 23:04:59 1016
原创 点击展开再次点击隐藏文字(适合pc)
jQuery文本段落展开和折叠效果html,body,div,h2,p{margin: 0;padding: 0;}html{font: 1em Arial, Helvetica, sans-serif;color: #444;}a{color: #0087f1;}p{margin-bottom: 5px;}.container{margin: 0 auto;width:
2018-01-12 23:00:57 2481
原创 JS在网页上显示当前日期和时间demo效果示例(整理)
JS在网页上显示当前日期和时间TD {FONT-SIZE: 12px; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif}function tick() {var years,months,days,hours, minutes, seconds;var intYears,int
2018-01-04 16:39:01 3685
转载 scroll滚动,LI随滚动条自动变化
scroll滚动,LI随滚动条自动变化.sub_menu_frame {position: fixed;top: 50px;width: 280;height:400px;right:20px;overflow:auto;background: rgb(221, 221, 255);color: red;}h2 {color: green;margi
2018-01-04 16:28:37 1538
原创 商品到计时-时间demo效果示例(整理)
jquery数字倒计时代码.time-item strong{background:#C71C60;color:#fff;line-height:49px;font-size:36px;font-family:Arial;padding:0 10px;margin-right:10px;border-radius:5px;box-shadow:1px 1px 3px rgba(0,0,0,
2018-01-04 16:16:48 245
转载 input密码的隐藏与显示
密码的隐藏与显示密码的隐藏与显示 效果显示 显示密码 function ps(){if (this.forms.password.type="password")box.innerHTML="";click.innerHTML="隐藏密码"}function
2018-01-04 15:30:51 2647
原创 CSS3鼠标悬停360度旋转效果
CSS3鼠标悬停360度旋转效果* {margin:0;padding:0;list-style:none;}body {background:#1F1F1F;}.zzsc {width: 220px;height: 220px;margin: 0 auto;background: red;-webkit-background-size:
2018-01-04 15:01:31 2100
原创 360度不停旋转动画demo效果示例(整理)
360度不停旋转动画#audio_btn { width: 30px; height: 30px; background: red; /*border-radius: 60px;*/ float: left;} .rotate { -webkit-animation: ro
2018-01-04 11:38:58 1495
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人