前端
js, css,
happylifeng
这个作者很懒,什么都没留下…
展开
-
jquery-weui 页面加载提示showLoading
JS里面要有: $.showLoading = function(text) { var html = '<div class="weui_loading">'; for(var i=0;i<12;i++) { html += '<div class="weui_loading_leaf weui_loading_leaf_' + ...原创 2018-01-03 14:35:57 · 6432 阅读 · 2 评论 -
jquery.cookie.js使用介绍
from:http://www.nowamagic.net/jquery/jquery_JqueryCookie.php 对cookies的操作在当访问一个网站就无时无刻的都伴随着我们,记录着我们的一举一动,并将不危害用户隐私的信息,将以保存,这样用户就不用去从新再次操作重复的步骤,这样大大方便了客户,也增加了客户对网站的回头率。jquery.cookie.js 提供了jquery中...原创 2013-11-08 16:50:54 · 57 阅读 · 0 评论 -
body背景固定或随滚动条滚动
body背景写法:BACKGROUND: url(v_0328_01.gif) #F8FCFB fixed repeat-x; 注意加了fixed之后,滚动条滚动时,背景不动,如果不加fixed,背景随滚动条一块移动。 固定背景图片的另一种方法: background: url(v_0328_01.gif) repeat-x #F8FCFB;backgroun...原创 2013-01-06 16:34:16 · 1229 阅读 · 0 评论 -
css实现强制不换行/自动换行/强制换行
强制不换行 div{ white-space:nowrap; } 自动换行 div{ word-wrap: break-word; word-break: normal; } 强制英文单词断行 div{ word-break:break-all; } ============================================ CSS设置不转行: overflow:hidden 隐藏 ...原创 2012-09-21 10:59:25 · 75 阅读 · 0 评论 -
formvalidator 文本框单独验证
jquery formValidator是在用户提交表单的时候将所有设置好的对象同时验证,有时候我们只需要验证一个。比如给手机发验证码,我们单击“发送验证码”按钮时就要发送,而不是提交表单时发送。 当然,发送验证码和提交表单都需要验证手机号是否合法。代码如下: jQuery(function($){ $('#...原创 2013-01-18 13:15:32 · 191 阅读 · 0 评论 -
input只允许输入数字
$('.pageinpt').keyup(function(event){ var reg = /^\d+$/; var value = $(this).val(); if( !reg.test(value) ){ $(this).val(''); } });原创 2012-10-09 07:38:51 · 79 阅读 · 0 评论 -
jquery 简单2级联动
http://wwwzhouhui.iteye.com/blog/853514原创 2013-08-07 17:34:27 · 76 阅读 · 0 评论 -
解决图片显示比例匹配问题,我个人建议用js重新定义长宽
http://blog.csdn.net/ok7758521ok/article/details/1642557 <HTML><HEAD><TITLE>演示图片等比例缩小</TITLE><script>function Wa_SetImgAutoSize(img){//var img=document.a...原创 2013-08-08 15:31:06 · 161 阅读 · 0 评论 -
Jquery 将表单序列化为Json对象
http://my249645546.iteye.com/blog/1617872原创 2013-08-24 14:33:04 · 68 阅读 · 0 评论 -
jquery autocomplete php应用
css.autocomplete-w1 { background:url(../img/indicator.gif) no-repeat top left; position:absolute; top:0px; left:0px; margin:8px 0 0 6px; /* IE6 fix: */ _background:none; _margin:0; }.autocomplete...原创 2015-01-29 14:58:54 · 117 阅读 · 0 评论 -
图片上传时添加,删除图片
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head> <title> New Document </title> <s原创 2013-10-10 23:36:08 · 517 阅读 · 0 评论 -
jQuery事件日历插件.js
jquery日历插件, 只有年月日原创 2016-06-21 13:37:09 · 201 阅读 · 0 评论 -
css input[type=file] 样式美化,input上传按钮美化
<a href="javascript:;" class="a-upload"> <input type="file" name="" id="">点击这里上传文件</a><a href="javascript:;" class="file"&am原创 2015-09-14 16:00:25 · 525 阅读 · 0 评论 -
layer信息框右上角加关闭标志
本例子基于layer Mobile 2.0。 预览: css: .close{ background:#333; font-size: 12px; position:absolute; right:-8px; top:-8px; border-radius:...原创 2016-09-21 11:15:37 · 5868 阅读 · 0 评论 -
jquery searchableselect用法
searchableselect有个BUG,选择没有返回给select,导致最后无法使用选择的值。所以本人做了修复。 用法:$('#ID').searchableSelect();ID:根据自己需要替换。 推荐一个NB的插件http://select2.github.io/,各种用法都有。...原创 2016-12-20 09:57:44 · 2691 阅读 · 0 评论 -
js计算字符串长度
var jmz = {}; jmz.GetLength = function(str) { return str.replace(/[\u0391-\uFFE5]/g,"aa").length; }; 计算出来的长度,一个汉字算二个字符。实例: var address = $('#address').val();var addrLen = jmz.Get...原创 2018-01-17 10:50:41 · 238 阅读 · 0 评论 -
jquery ajax的error错误信息
项目开发中ajax的异常处理起来算是比较头疼的,因为是异步请求,所以即使ajax异常程序依然会继续执行,导致找ajax的异常比较麻烦。今天处理ajax异常时搜到一篇文章,提到error可以返回ajax异常信息。$.ajax({ url: url, type: "post", data:...原创 2018-04-26 14:34:46 · 807 阅读 · 0 评论 -
微信页面复制粘贴的,clipboardJs在苹果手机无效
在你点击的元素上加一个空点击事件:onclick=""。因为ios不单纯支持on <span id='logistics_no' style='color:#fff'>复制人内内容</span><span class="sccn-list-share" data-clipboard-target="#logistics_no" onclick="&qu原创 2018-08-16 20:04:05 · 4619 阅读 · 1 评论 -
eval解析JSON中的注意点
http://www.cnblogs.com/myjavawork/archive/2011/03/10/1979279.html原创 2013-11-05 14:44:20 · 75 阅读 · 0 评论 -
jquery formValidator 验证一个文档框
<input name="mobile" id="mobile" type="text" ><input type="image" id="chk_mobile" src=".......">$('#chk_mobile').click(function(){ $("#mobile"2012-12-25 11:56:56 · 79 阅读 · 0 评论 -
jquery formValidator 初始化参数
$.formValidator.initConfig({ formID:"quanForm", theme:"ddl", errorFocus: false, //mode: "SingleTip" }); errrorFocus:第一个错误的控件获得焦点,默认为true。...原创 2012-12-25 10:42:00 · 455 阅读 · 0 评论 -
jquery timeago的使用
<script type="text/javascript" src="jquery-1.7.1.js"></script><script type="text/javascript" src="jquery.timeago.js"></script><script type="t原创 2012-06-18 13:25:04 · 213 阅读 · 0 评论 -
div+css页面,左侧固定宽度右侧百分比
http://qingzhiqiaorou.blog.163.com/blog/static/3592672120102543411476/原创 2013-03-17 17:28:39 · 571 阅读 · 0 评论 -
window.onload事件--attachEvent和addEventListener
可能你也碰到过这种情况,就是在js的代码中用了window.onload后,可能会影响到body中的onload事件。你可以全写在body 中,也可以全放到window.onload中,但是这样并不是很方便,有时我们需要两个同时用到。这时就要用window.attachEvent和 window.addEventListener来解决一下。下面是一个解决方法。至于attachEvent和...原创 2012-11-08 15:12:05 · 1001 阅读 · 0 评论 -
IE9 fireevent问题
IE>=9 下时要使用标准浏览器的方法 dispatchEvent(fireEvent存在,但没效果)http://stackoverflow.com/questions/9714527/why-does-fireevent-not-work-in-ie9 var event = document.createEvent("HTMLEvents");event.i...原创 2012-11-08 15:15:25 · 213 阅读 · 0 评论 -
返回页面顶部js实现
<a href="javascript:void(0);" id="toplink">返回页面顶部</a> window.onload = function() { if ($("#toplink")) { $("#toplink").onclick = function() { if (doc原创 2012-08-04 00:31:11 · 64 阅读 · 0 评论 -
帅气的table表格
.tb_02{ width: 950px; border-collapse: collapse}.tb_02 td.w01 { padding: 0; text-align: center; width: 113px;}.tb_02 td.w03 {width: 141px;}.tb_02 td.w04 {width: 141px;...原创 2012-08-04 00:47:49 · 162 阅读 · 0 评论 -
iframe自适应高度
<iframe id="frame_content" src="iframe_b.html" scrolling="no" frameborder="0" onload="this.height=100"></iframe> <script type="text/javascript">原创 2012-11-15 14:54:27 · 78 阅读 · 0 评论 -
js 截取小数
var Digit = {}; /** * 四舍五入法截取一个小数 * @param float digit 要格式化的数字 * @param integer length 要保留的小数位数 * @return float */ Digit.round = function(digit, length) {...原创 2012-11-23 14:06:40 · 149 阅读 · 0 评论 -
js 日历 jscal
fdsafasf原创 2012-11-28 16:03:10 · 91 阅读 · 0 评论 -
英文换行
<div style="width:130px; height:200px; background:#22eefe; word-break:break-all;">afdsfsdgfsdgfdhgdhfgjghkdgdrgtdgrhgfffffffffffffffffffffffffffffffffddd</div>原创 2012-11-29 22:09:49 · 72 阅读 · 0 评论 -
js 倒计时
<html><head></head><body> 请等待<span id="dd">3</span>秒<script type="text/javascript">function run(){var s = document.getEleme原创 2012-11-29 22:18:01 · 62 阅读 · 0 评论 -
js 屏蔽右键菜单
<script type="text/javascript">//屏蔽右键菜单document.oncontextmenu = function (event){ if(window.event){ event = window.event; } try{ var the = event.srcElement; if (!((the.tagN...原创 2012-11-29 22:34:07 · 55 阅读 · 0 评论 -
jquery之jsonp解析
jsonp简易用法: 客户端: <script type="text/javascript"> <!-- jQuery(function($){ $.getJSON("test.php?jsoncallback=?", function(data){ // }); }); //--> </script>...原创 2012-11-30 23:18:47 · 165 阅读 · 0 评论 -
jquery ajax这async超级解析
jquery使用ajax时有个参数async,对于他的作用一直比较迷茫,下面用一个例子来说明他会带来什么效果。 客户端:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <he...原创 2012-12-01 00:24:26 · 115 阅读 · 0 评论 -
div,css分页
DIV: <div class="digg"><span class="disabled">&lt; </span><span class="current">1</span><a href="#?page=2">2&a原创 2012-12-01 09:58:01 · 92 阅读 · 0 评论 -
jquery常用的js
jQuery(function($){ //删除 $('input[name=del]').click(function(){ if( !confirm('确认删除吗?') ) return false; if( $('input[name="wish_ids[]"]:checked').size()==0 ){ ...原创 2012-08-31 10:14:06 · 76 阅读 · 0 评论 -
jquery fancyBox
jquery fancyBox原创 2013-06-16 09:09:46 · 103 阅读 · 0 评论 -
document.body.scrollTop无效的解决方法
document.body.scrollTop获取或设置网页滚动的高度。 在firefox下面无论滚动条滚动多少,得到的值总为0,郁闷吧???后来发现是我页面头部设置的在原因:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" http://www.w3.org/TR/xhtml1/DTD/xhtml1...原创 2012-06-07 11:24:02 · 2169 阅读 · 0 评论