自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(34)
  • 收藏
  • 关注

转载 input输入框回车提交

1.方法1$('#applyCertNum').bind('keypress',function(event){                             if(event.keyCode == 13)               {               alert('你输入的内容为1:' + $('#applyCertNum').val())

2018-01-26 09:58:50 3206

转载 未知宽度div水平居中

div class="wrap"> div class="inner">html : 让 inner 居中div>div>.wrap { float: left; /* 自适应内容宽度 */ position: relative; left: 50%; }.inner { position: relative; left: -50%; }

2017-12-01 14:48:01 575

转载 jQuery获取父级节点、兄弟节点、子级节点的方法

一、jQuery的父节点查找方法        $(selector).parent(selector):获取父节点        $(selector).parentNode:以node[]的形式存放父节点,如果没有父节点,则返回空数组        $(selector).parents(selector):获取祖先元素二、jQuery的兄弟节点

2017-10-25 14:11:49 4239

转载 通过js sdk 来进行第三方登录及授权(微博,微信,qq)

微博第三方登录及授权注册申请appkey1.打开微博开发者平台http://open.weibo.com/development2.点击创建微链接3.选择类型(选择网站接入)4.填写各项信息,并把对应的meta复制并放在html的head内(一定要绑定域名并设置回调地址) 5.在html内引入微博api(debug=true是调试模式,可以返回对应的信息) 编写js代

2017-10-18 15:01:49 2635

转载 JS判断页面是否在微信浏览器、QQ浏览器等打开的方法

本文实例讲述了JS判断当前页面是否在微信浏览器打开的方法。分享给大家供大家参考,具体如下: 最近做很多HTML5的项目,很多页面会通过微信微博等SNS分享出去。在分享页面上提供公司APP的下载。但是在很多应用的浏览器中,点击下载链接无法下载应用。那么针对这些浏览器我们需要给用户提示从safari或者系统自带的浏览器打开分享页面。通过js就可以判断当前页面是在什么浏览器打开的。 以下是一段示

2017-09-15 17:29:26 667

原创 swiper 解决动态加载数据滑动失效

两种解决方法1.数据加载后进行swiper初始化success:function(result){ var resultdata =eval("("+result+")"); if(resultdata.status == 1){ var dataList = resultdata.data; currentPage = resultda

2017-08-30 10:01:45 5581

原创 文字超过div用省略号

html代码:    aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaacss样式表:p{    width: 50px;  /*必须设置宽度*/    overflow: hi

2017-08-14 17:10:21 388

原创 js实现图片上传预览(一张一张上传)

下面例子最多上传六张图片,可以修改参数。在IE8和谷歌测试可用。html代码 预览 设为主图

2017-07-12 15:29:20 1114

原创 jquery.validationEngine表单验证

一、需要插件二、demo自定义验证可以在jquery.validationEngine-zh_CN.js中增加 表单验证测试 Firstname email Password 确认密码

2017-07-06 11:27:13 508

原创 monkey测试

一、java相关环境:1、首先要安装java的JDK;2、安装好JDK之后需要配置环境变量,在“系统变量”中,设置3项属性,JAVA_HOME,PATH,CLASSPATH(大小写无所谓),若已存在则点击“编辑”,不存在则点击“新建”;       JAVA_HOME指明JDK安装路径,就是刚才安装时所选择的路径D:\java\jdk1.5.0_08

2017-06-29 17:37:04 429

原创 Appium 从安装到应用

来自付老师整理的笔记~因为最近公司战略以app为主,时间紧,所以需要一个自动化测试的环境,那么我们搭建一个出来吧:0.介绍:     Appium 是一个自动化测试开源工具,支持 iOS 平台和 Android 平台上的原生应用,web 应用和混合应用.Appium 是一个跨平台的工具:它允许测试人员在不同的平台(iOS,Android)使用同一套API来写自动化测试脚本.

2017-06-27 09:22:37 569

原创 gulpjs安装和用法

一、gulp安装1.安装nodejs2.全局方式安装gulp  npm install -g gulp3.创建package.jsonnpm init4.在项目中单独安装,目录切换到项目文件夹(文件夹shift+鼠标右键,打开命令窗口)npm install gulp把gulp写进项目package.json文件的依赖中,则可以加上--save-dev:np

2017-06-12 17:45:21 439

转载 LESS CSS 常用的10个实例

http://www.cnblogs.com/tongbiao/p/6560202.html

2017-06-12 17:08:20 1517

转载 jquery获取窗口高度的方法

$(window).height() 获取的是当前可视窗口的高度,也就是用户能看到的窗口的高度,是不变的(在窗口大小不变的前提下)$(document).height() 获取的是窗口内文档的高度,这个高度随着文档内容的高度改变而改变当窗口滚动条滚到最低端时,$(document).height() == $(window).height() + $(window).scrollTop()

2017-06-12 17:00:58 1509

原创 js实现图片预加载

解决图片加载过慢,在js初始化中实现预加载,并且获取图片高度(因为按比例加载图片,定宽不定高)//加载图片        function loadImage(url) {            var img = new Image();            img.src = url;            img.onload = function () {

2017-06-12 15:42:40 492

原创 方形图片转为圆形头像

headImg{display:inline-block;float:left;width:50px;margin-left:15px;height:50px;margin-top:20px;border-radius:50%;}正方形 设置border-radius:50%;

2017-04-24 15:45:45 1684

原创 鼠标悬停商品图片,图片放大,并且可拖动

效果类似http://www.artpollo.com/Artwork/ArtworkDetails?id=2224847                        .artworkDetail .detailMiddle .detailImg{display:inline-block;vertical-align:middle;max-height:7

2017-04-22 16:06:48 476

转载 img图片加遮罩层

#container{position:relative;height:200px;width:300px;border:1px solid red;}#inss{position:absolute;height:30px;width:300px;border:1px solid green;bottom:0px;}function xianshi(){document.getElementByI

2017-04-21 16:58:46 6722

原创 鼠标悬停图片放大

.artworkDetail .detailRight .rightPic .imgList .smallImg{width:170px;margin-top:15px;transition: all 0.6s;}//放大完成的时间.artworkDetail .detailRight .rightPic .imgList .smallImg:hover{transform: scale(1.

2017-04-21 16:04:00 468

原创 jquery监听鼠标滚轮

需要下载插件$('#imgList').bind('mousewheel', function (event) {        //判断鼠标滚动方向,上为正数,下为负数        var delta = event.originalEvent.wheelDelta;        if (delta > 0) {            //鼠标向上滚,上图

2017-04-21 16:02:37 2803

原创 文字在div中水平均匀分布

text-align-last:justify垂直居中 设置line-hight

2017-04-21 13:30:50 5563

转载 DIV里面的图片水平与垂直居中的方法

1.水平居中:  1)box设置text-align:center;    text-align:center可以实现子元素字体,图片的水平居中。      2)img设置margin:0 auto;display:block;            margin:0 auto是针对块元素的水平居中方法,所以要加上display:block。2.垂直居中:  1)图

2017-04-20 21:06:36 598

原创 ajax传参失败

参数中含有特殊字符,不能解析进行decode之后传值即可var encodeWord = encodeURI(word);var ajaxPara = { "Id":id , "Content": encodeWord };data: ajaxPara,

2017-04-20 14:03:38 950

原创 position为absolute的居中问题

负边距解决.banner-icon {left:50%;position:absolute;width:50px;margin-left:-25px;//width的一半}

2017-04-20 14:00:19 387

转载 CSS3 实现文字流光渐变动画

http://www.open-open.com/lib/view/open1490169357167.html

2017-04-20 13:30:09 1993

原创 轮播图的实现

html <div class="index-banner"> <div class="banner-div"> <ul class="banner-image" oldScoll="0" newScoll=""> <li> <img class="bannerImg" src="/Img/artwork/ArtWorkHome

2017-04-19 16:37:12 426

原创 鼠标移动到图片显示遮罩效果

鼠标移动到图片显示遮罩效果<div class="block block_2_1" style="background-image:url(/Img/artwork/ArtWorkHome/ysphh_3.jpg);display:block;"></div>var backgroundImg = "";$(".block").mouseover(function () { //

2017-04-19 10:14:44 902

原创 鼠标悬停弹出下拉菜单

html         css/*菜单*/.artworkMemu{position:absolute;width:100%;height:590px;background-color:rgba(35, 33, 31, 0.60);z-index:100;display:none;}js $(".artworkMouseCover").mo

2017-04-18 21:15:30 2195

转载 js 字符串处理

一、JS正则截取两个字符串之间及字符串前后内容的方法1、js截取两个字符串之间的内容:var str = "aaabbbcccdddeeefff";str = str.match(/aaa(\S*)fff/)[1];alert(str);//结果bbbcccdddeee2、js截取某个字符串前面的内容:var str = "aaabbbcccdddeeefff";tr

2017-04-14 15:20:07 468

转载 Jquery获取和修改img的src值的方法

$("#imgId")[0].src; $("#imgId").attr('src',path); document.getElementById("img1").src;

2017-04-14 14:12:55 9914

转载 jQuery的.html(),.text(),.val()的区别

html()取得第一个匹配元素的内容,简单来说就是所取得的标签所包含的所有东西。   假如括号中有带val的话,最简单的理解就是将上一步取得的内容全部替换成括号中val,下面看demo    <div id="divTest" value='2'> 这是div的内容! <label id="lblText"> 这是label的内容!

2017-04-13 21:03:42 437

转载 常用正则表达式(持续更新...)

1.银行卡(19位数字)var reg = /^\d{19}$/g; // 19位数字 if (!reg.test(bankNumber)){         lert("请输入正确的银行账号!");        return false; } 2.手机号var reg = /^[1][3,4,5,7,8][0-9]{9}$/;3.邮箱

2017-04-12 10:13:01 1018

转载 jQuery操作select下拉框

1、jquery获取当前选中select的text值 var checkText=$("#slc1").find("option:selected").text(); 2、jquery获取当前选中select的value值 var checkValue=$("#slc1").val(); 3、jquery获取当前选中select的索引值 var index=

2017-04-12 09:19:02 608

原创 ajax传递给后台数组参数方式

1、var ajaxPara = "openAccountName=" + openAccountName + "&bankId=" + bankId+ "&provinceId==" + provinceId + "&cityId="+ cityId + "&openAccountBank==" + openAccountBank + "&bankNumber=" + bankNumbe

2017-04-11 16:38:12 377

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除