随笔分类 -  javascript

1
创建getElementByClassName
摘要：getElementByClassName在JavaScript 内建的核心中，document对象及element对象总共可以通过三个方式来获取其下的元素，分别是:getElementById('id') 、getElementsByName('name')、getElementsByTagNam... 阅读全文
posted @ 2014-06-24 15:05 王坑坑在翻滚中 阅读(2015) 评论(0) 推荐(0)
json和ajax真是个好东西,三级联动/分页/表单都简单了
摘要：json和ajax真是个好东西，自从用了它们，什么大量数据，什么翻页都妥妥的哇。 美化的三级联动下拉ajax实现的分页 阅读全文
posted @ 2014-03-19 15:34 王坑坑在翻滚中 阅读(235) 评论(0) 推荐(0)
不间断连续滚动，文字图片都可以
摘要： 阅读全文
posted @ 2014-02-10 11:58 王坑坑在翻滚中 阅读(235) 评论(0) 推荐(0)
银行卡号的输入，每四位加一个空格
摘要：银行卡号的输入，每四位加一个空格，有2种方式第一种：$("#test").keyup(function () { var card = $("#test").val().replace(/\D/g, ''); var ncard = ""; for (var n = 0; n < card.length; n = n + 4) { ncard += card.substring(n, n + 4) + " "; } ncard = ncard.replace(/\s*$/g, ' 阅读全文
posted @ 2014-02-10 09:45 王坑坑在翻滚中 阅读(1158) 评论(0) 推荐(1)
判断浏览器
摘要：这个构造函数非常完整的搜集了浏览器的信息。我们看到它为对象定义了很多个属性：major, minor, ns, ie, win, mac 等等。它们的意思见上面的注释。把 is 变量定义为 Is() 对象后，用 if (is.ns) 这种格式就可以很方便的知道浏览器的信息了。function Is() { var agent = navigator.userAgent.toLowerCase(); this.major = parseInt(navigator.appVersion); //主版本号 this.m... 阅读全文
posted @ 2014-01-13 11:49 王坑坑在翻滚中 阅读(189) 评论(0) 推荐(0)
常用正则
摘要：/w*(?=\w*\d)(?=\w*[a-zA-Z])\w*/ 由字母数字或下划线组成/^([\u4E00-\u9FA5]{1,5}(?:·[\u4E00-\u9FA5]{1,5})*|[a-zA-Z]{1,9}((?:\.|\s+)[a-zA-Z]{1,9})*)$/ /*姓名验证（大大·大大或大大）（asdas.das或dadas dasdas或das dadas）*//[`~!@#\$%\^\&\*\(\)_\+\?:\"\{\},\\\/;\'\[\]\uFFFD]/ /*姓名验证 不能输入特殊字符但包括数字等*//^([a-zA-Z0-9 阅读全文
posted @ 2013-12-27 16:28 王坑坑在翻滚中 阅读(162) 评论(0) 推荐(0)
弹出提示框，大面板
摘要：function openalert(txt, lisneter, parent,title) { var p = parent || 'body'; var bg = $('').appendTo(p); bg.css({ position: 'fixed', top: '0px', left: '0px', width: '100%', height: '100%', backgroundColor: "#000", opacity: 0 }); var ra 阅读全文
posted @ 2013-12-27 16:19 王坑坑在翻滚中 阅读(206) 评论(0) 推荐(0)
提示框收藏
摘要：/*提示信息*/function setTitle(e,text){ var popup = document.createElement("div"); document.body.appendChild(popup); var $pp = $(popup); $pp.css({opacity:0,width:'220px',position:'fixed',borderRadius:'2px 2px 2px 2px',fontSize:"90%", color:'#fff',backgr 阅读全文
posted @ 2013-12-27 16:16 王坑坑在翻滚中 阅读(147) 评论(0) 推荐(0)
ajax收藏
摘要：/*异步传输json strData的数据如：name=value&name1=value1&name2=value2*/function loadJson(method, url, strData, f, async) { if (typeof (async) == "undefined") async = true; var xr = new XMLHttpRequest(); xr.onreadystatechange = function(){ if(this.readyState == 4){ if(this.status == 200 & 阅读全文
posted @ 2013-12-27 16:15 王坑坑在翻滚中 阅读(212) 评论(0) 推荐(0)
js小知识
摘要：数组求和：var arr = [1, 2, 3, 4, 5, 6];var value = eval(arr.join("+"));取最大/小值：Array.max=function(array) { return Math.max.apply(Math,array); }Array.min=function(array) { return Math.min.apply(Math,array); } var testArray=[1,2,3,4]; Array.min(testArray); Array.max(testArray); 1.document.write(&q 阅读全文
posted @ 2013-09-27 09:00 王坑坑在翻滚中 阅读(267) 评论(0) 推荐(0)
网站主导航三级菜单
摘要：做了这么多项目，发现网站横向主导航带3级的一般较少，网站参照过很多三级菜单的代码，发现兼容性很差，自己整了一个带三级栏目的才会出现小箭头，不带三级栏目的不显示小箭头结构是这样： 关于我们 公司简介 联系方式 信息反馈 FAQ 荣誉资质 然后用js改变含有三级栏目的li的类名，将nohas改为has，给has样式的li加上小箭头的背景，js如下：/*含有三级菜单的栏目多一个箭头，且最后的li没有边*/$(function(){ var i = $(".header_menu > ul > li").length; for(var k=1;k ul... 阅读全文
posted @ 2013-09-26 11:14 王坑坑在翻滚中 阅读(758) 评论(0) 推荐(0)
网站banner常常要用到图片切换效果
摘要：根据平时网站的需求，自己搞了个可以套用固定结构的JQ，只能针对这样的banner结构html部分 1 2 3 jq部分：/*----------------------------------------------... 阅读全文
posted @ 2013-09-26 09:47 王坑坑在翻滚中 阅读(559) 评论(0) 推荐(0)
模拟浏览器的滚动条，自己拿去美化
摘要：这个是在网上找的，觉得还不错，网上素材也不多，在这里分享一下，想要美化，就自己改数字、图片咯文件下载地址（百度网盘的）：http://pan.baidu.com/s/1opfPr 阅读全文
posted @ 2013-09-26 09:37 王坑坑在翻滚中 阅读(207) 评论(0) 推荐(0)
瀑布流布局的Js
摘要：最近自己测试着搞一些小研究，看到很多新的网站都喜欢用瀑布流布局，就自己模拟搞了一份，搞完之后发现还能改进，添加新的对象如父级容器、每块的宽度，间隔，这样可以替换代码中的宽度数字。原理很简单，就是先区分每列，给每列的块加上不同的样式，例如第一列的所有块都是class1，第二列的都是class2，依次类推，然后再依次给每块定位。JQ写的，要用到JQ库html代码部分瀑布流测试 jq部分// JavaScript... 阅读全文
posted @ 2013-09-26 09:26 王坑坑在翻滚中 阅读(349) 评论(0) 推荐(0)
制作简单的返回顶部按钮
摘要：用Jq写的，很简单，高手可以忽略，按钮的样式设置为returnTop就可以用了$(function(){ $(window).scroll(function(){ var pos = Math.max($("html").scrollTop(),$("body").scrollTop()); if( pos > 100){ $(".returnTop").show(); }else{ $(".returnTop").hide(); } }); $(".retur... 阅读全文
posted @ 2013-09-25 14:57 王坑坑在翻滚中 阅读(191) 评论(0) 推荐(0)
显示隐藏搜索框的文字，高手不用看了
摘要：function showtxt(element,txt){ var inputName = element; var inputTxt = txt; inputName.val(inputTxt); //点击时 inputName.click(function(){ if(inputName.val()==inputTxt){inputName.val("");} }); //失去焦点时 inputName.blur(function(){ if(inputName.val()==""){inputName.val(... 阅读全文
posted @ 2013-09-25 14:54 王坑坑在翻滚中 阅读(369) 评论(0) 推荐(0)
图片左右滚动，一次滚N个
摘要：同上一篇“新闻滚动”的原理基本差不多，直接贴代码了：html:js css:@charset "utf-8";*{margin:0;padding:0;font-size:12px;font-family:Arial, Helvetica, sans-serif,"宋体";}ul,ol,li{list-style-... 阅读全文
posted @ 2013-09-24 14:40 王坑坑在翻滚中 阅读(281) 评论(0) 推荐(0)
新闻上下滚动效果，一次滚一个
摘要：jq写的，封装了，方便以后直接调用。我这里直接用图片代替的新闻。html部分：上下滚动 1 2 3 css部分：@charset "utf-8";*{margin:0;padding:0;... 阅读全文
posted @ 2013-09-24 14:36 王坑坑在翻滚中 阅读(457) 评论(0) 推荐(0)
解决360浏览器和谷歌（Google Chrome）浏览器下CSS设置字体大小小于12px无法生效的问题
摘要：在html或者body里添加一句谷歌浏览器专有的属性。注意：如果使用了这个属性，浏览器的字体将不能使用放大缩小功能！ 阅读全文
posted @ 2013-09-24 14:13 王坑坑在翻滚中 阅读(833) 评论(0) 推荐(0)
js制作抽奖及其原理(附代码)
摘要：之前给公司做过一个抽奖转盘，要求可控制客户抽中的奖品，开始在网上找了一段代码，发现有缺陷，连续点击按钮会导致不停的转，而且单次点击有时候也不停下来，就在原有的基础上做了一些修改，后端那边说挺好用的，就拿出来分享一下： js抽奖 123 84 ... 阅读全文
posted @ 2013-09-24 14:11 王坑坑在翻滚中 阅读(9265) 评论(0) 推荐(0)

1