2016年09月_shl999

原创 jq 通过正则表达式实现邮箱手机电话的验证

html部分<input type="text" id="input1" placeholder="请输入你的邮箱"><button id="button1">验证</button><input type="text" id="input2" placeholder="请输入你的手机"><button id="button2" >验证</button><input type="text" id=

2016-09-18 18:21:47 3145

原创进度条 jq

本文介绍简单的进度条的写法 css部分： <style> #progress { background:white;height:20px;border:1px solid green;border-radius: 2px; } #progress span { height:20px;background:green;text-align:center;di

2016-09-18 13:55:21 535

原创 jq实现简单的tab切换效果

html部分：<div id="tabhead" class="tabhead"> <span class="tab" data-id="remote">插入图片</span> <span class="tab focus" data-id="upload">本地上传</span> <span class="tab" data-id="online">在线管理</span>

2016-09-09 09:35:18 1363

原创居中问题

<div class="page"><ul class=""page-list><li></li><li></li></ul></div><style type="text/css">.page{display:block;text-align:center;}.page-list{display:inline-block;}</style>这样无论ul多宽都可以居中了，总的来

2016-09-08 12:05:27 297

原创百度图片上传 webuploader插件

插件描述：WebUploader是由Baidu WebFE(FEX)团队开发的一个简单的以HTML5为主，FLASH为辅的现代文件上传组件。网址：http://www.jq22.com/jquery-info5302它的一些用法：uploader.addButton({ id: '#filePicker2', label: '继续添加' });id: ‘#fi

2016-09-06 17:31:55 1175

原创 jq的each方法

each() 方法规定为每个匹配元素规定运行的函数。它可以遍历li等。w3c的例子: $("li").each(function(){ alert($(this).text()) });今天遇到的一个例子，判断li是否有selected类，然后输出，prop(“outerHTML”)是输出包含li本身的html。$("li").each(function () {

2016-09-06 10:11:45 573

转载不使用flash的复制插件

压缩包下载传送门–http://pan.baidu.com/s/1o8csXqq我只是搬运工。 github网址：https://github.com/zenorocha/clipboard.js 代码演示网址：http://www.helloweba.com/view-blog-327.html 此插件没有用flash 但是不支持ie8—-

2016-09-02 11:19:01 332

小利的博客