JS
小虫信息科技
每天积累一点,每天进步一点
展开
-
输入高度自适应contenteditable
input、textarea自适应高度原创 2023-02-20 15:42:16 · 161 阅读 · 0 评论 -
获取年月日时分秒
年月日时分秒原创 2022-09-30 17:52:34 · 853 阅读 · 0 评论 -
图片等比例收缩
.thumbnail{overflow:hidden;width:400px;height:240px;} $(function(){ /* 图片不完全按比例自动缩小 by zwwooooo */ $('#content div.thumbnail img').each(function(){ va原创 2016-03-19 00:54:04 · 357 阅读 · 0 评论 -
省市下拉联动插件
省市下拉联动插件 #warp { width: 230px; height: 80px; position: absolute; top: 50%; left: 50%; margin-left: -200px;原创 2016-03-25 16:29:50 · 440 阅读 · 0 评论 -
手机轮播图手势滑动
1.页面中引入js(https://github.com/bh-lay/toucher)2.为轮播图操作实例,具体参数可以在https://github.com/bh-lay/toucher上获取var myTouch = util.toucher(document.getElementById('carousel-example-generic')); // c原创 2016-06-28 15:21:25 · 1060 阅读 · 0 评论 -
bootstrap模态框点击空白处模态框不消失、监听模态框打开还是关闭
1.在div上添加aria-hidden="true" 属性 aria-hidden="true" 用于保持模态窗口不可见,直到触发器被触发为止(比如点击在相关的按钮上)。data-show="false" data-show当初始化时显示模态框。2.添加js$('#myModal').modal({backdrop: 'static原创 2016-08-05 14:43:49 · 11291 阅读 · 0 评论 -
checkbox全选与反选
阿斯达是 $(function() { $("#checkAll").click(function() { $('input[name="subBox"]').attr("checked",this.checked); }); var $subBox = $原创 2016-04-12 16:23:36 · 387 阅读 · 0 评论 -
js事件on动态绑定数据,绑定多个事件
一.on('clcik')与$('').clcik()方法的区别:on('clcik'):1.绑定多个事件,用空格隔开事件和命名空间如:“click”或“keydown.myPlugin”。或者格式为on({"clcik": function(){},mouseover: function(){}})命名空间: namespace 名字{ 定义的数据; 定义的函数;原创 2016-11-29 23:16:01 · 11730 阅读 · 0 评论 -
预加载和延迟加载(页面刷新为什么要用settimeout())
页面加载方式有2种,预加载和延迟加载。1、预加载:意思是提前加载,在前端技术中用的比较多,如:window.onload,document.ready在文档加载完成后才能够去执行。这样子做的有什么厉害之处:牺牲服务器前端性能,换取更好的用户体验,这样可以使用户的操作得到最快的反映。2、延迟加载与上面的预加载相反,延迟加载的使用一般用于这3种情况:原创 2016-12-13 14:37:56 · 2148 阅读 · 0 评论 -
普通函数和构造函数
一、普通函数和构造函数有什么区别?1.普通函数:函数名小写,调用方式直接就是函数名加括号,如有个abc方法,function abc(){};调用方式直接就是abc()。函数内的this指向的是window对象,如果添加属性也是为window添加属性,输出的时候要window.属性才会有输出。所以内部不建议用this。还有就是可以用return语句返回值2、构造函数一般都是用首字母大写原创 2017-03-19 00:17:50 · 697 阅读 · 0 评论 -
随机验证码0-9加26个字母
var code; function createCode() { code = ""; var codeLength = 6; //组成验证码位数 var selectChar = new Array(0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 'A', 'B', 'C', 'D', 'E', 'F', 'G', '原创 2017-05-18 17:01:52 · 1296 阅读 · 0 评论 -
localStorage存储
localStorage方法:存储:localStorage.setItem(key,value)获取:localStorage.getItem(key,value)删除:localStorage.removeItem(key,value)// Cache(function (app, _) { // 缓存 function Cache() { } Cac原创 2017-10-11 14:29:15 · 316 阅读 · 0 评论 -
form表单常用的验证
1.表单验证是登录和注册页面中最为常见的,下面是一些源代码和验证,可适当选取://用户名 //手机号码//手机验证码class="radio-inline"> type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1"> 1原创 2016-03-04 09:48:19 · 4416 阅读 · 0 评论 -
返回顶部
1.静态返回顶部>#goTopBtn {position: fixed;width: 40px;bottom: 35px;height: 33px;cursor: pointer;right: 3%;_position: absolute;_right: auto;}function goTopEx() {原创 2016-02-22 17:34:35 · 464 阅读 · 0 评论 -
获取滚动条高度,页面宽度(高度)
/* * 取窗口滚动条高度 */var getScrollTop = function() {var scrollTop = 0;if (document.documentElement && document.documentElement.scrollTop) {scrollTop = document.documentElement.scrollTop;} el原创 2016-02-23 17:44:01 · 5263 阅读 · 0 评论 -
js验证身份证
/***********************************身份证验证*************************************************/ var vcity={ 11:"北京",12:"天津",13:"河北",14:"山西",15:"内蒙古", 21:"辽宁",22:"转载 2016-03-30 11:13:01 · 274 阅读 · 0 评论 -
内容加载更多...
1.按钮加载更多 1 2 3 4 5 var $id = function(o){ return document.getElementById(o) || o}; $id("more_btn").onclick=function()原创 2016-02-22 12:59:27 · 349 阅读 · 0 评论 -
跑马灯
1.间歇跑马灯,鼠标移上去停,鼠标移出来动sdfeswsdfeswsdfeswsdfeswsdfeswsdfesw.list-scoll {white-space: nowrap;overflow原创 2016-02-22 14:36:48 · 394 阅读 · 0 评论 -
cookie的获取,建立和删除(放服务器上才能起效)
svg 测试 欢迎欢迎function setCookie(name,value){ //name为cookie的名称,value为name值 var days = 10; //保存天数,可作为参数传进来 var expires = new Date(); //建立日期变量原创 2016-04-06 14:40:56 · 858 阅读 · 0 评论 -
点击复制按钮进行复制文本
function jsCopy(){ var e=document.getElementById("contents");//对象是contents e.select(); //选择对象 (全选) document.execCommand("Copy"); //执行浏览器复制命令 }原创 2016-04-06 15:03:33 · 12765 阅读 · 0 评论 -
input输入框的js改变事件
$("#num").bind('input propertychange', function() { //propertychange,只要当前对象属性发生改变。(IE专属的var num=parseInt($('#num').val()); //将其转变为数字类型if(num>=1&&num$('#subscribe').css('background','#f55原创 2016-03-25 15:38:40 · 1965 阅读 · 0 评论 -
input常用的正则表达式JS
正则表达式字符的意义:[ ]:范围描述符。[a-z]表示从a到z之间的任意一个。\w:英文字母和数字。即[0-9 A-Z a-z]。\W:非英文字母和数字\s:空字符,即[\t\n\r\f]。\S:非空字符。\d:数字,即[0-9]。原创 2016-04-15 14:12:15 · 6642 阅读 · 1 评论 -
仿微信支付页面
jQuery微信支付代码$(function(){//出现浮动层$(".ljzf_but").click(function(){$(".ftc_wzsf").show();});//关闭浮动$(".close").click(function(){$(".ftc_wzsf").hide();});//数字显示隐藏$(".xiaq_tb原创 2016-05-27 10:36:38 · 7856 阅读 · 1 评论 -
短信验证码
1.验证码倒计时方法一:"button" id="btn" value="免费获取验证码" /> var wait=60;function time(o) {if (wait == 0) {o.removeAttribute("disabled"); o.value="免费获取验证码";wait = 60;} else { o.set原创 2016-04-21 10:37:01 · 460 阅读 · 2 评论 -
通过身份证号码获取人的年龄和性别
GryCheng前端博客 function discriCard(UUserCard){ UUserCard.substring(6,10)+"-"+UUserCard.substring(10,12)+"-"+UUserCard.substring(12,14); //获取性别 if(parseInt(UUserCard.substr(16,1))%2==1)原创 2016-05-31 09:58:22 · 1409 阅读 · 0 评论 -
判断是手机还是电脑访问网站
function check(){var userAgentInfo=navigator.userAgent;var Agents =new Array("Android","iPhone","SymbianOS","Windows Phone","iPad","iPod");var flag=true;for(var v=0;vAgents.length;v++){if(userA原创 2016-05-31 10:12:02 · 355 阅读 · 0 评论 -
顶部导航悬浮
1.公用一个导航(即悬浮跟不悬浮时导航是用一样的),这种方式会不占位置。div class="fixed">div>.fixed {width: 100%;height: 60px;background:#000; position:fixed; top:0; left:0;}2.利用js的方法自动固定顶部原创 2016-02-22 15:06:49 · 1161 阅读 · 0 评论