jQuery自定义滚动条样式插件mCustomScrollbar滚动条样式修改

如果你构建一个很有特色和创意的网页,那么肯定希望定义网页中的滚动条样式,这方面的 jQuery 插件比较不错的。本文就是介绍如何使用 mCustomScrollbar 这个插件关于 mCustomScrollbarmCustomScrollbar 是个基于 jQuery UI 的自定义滚动条插件,它可以让你灵活的通过 CSS 定义网页的滚动条,并且垂直和水平两个方向的滚动条都可以定义,它通过Brandon Aaron jquery mouse-wheel plugin 提供了鼠标滚...

4907 2 2016-06-03 经验分享

通过Ajax serialize()表单进行序列化方式上传文件,使用FormData进行Ajax请求

通过Ajax serialize()表单进行序列化方式上传文件,使用FormData进行Ajax请求通过传统的form表单提交的方式上传文件: serialize()对form表单进行序列化提交<form id="uploadForm" action="http://localhost:8080/cfJAX_RS/rest/file/upload" method="post" enctype="multipart/form-data"> <h1> 测试通过Rest接口上传文件 </h1> <p> 指定文件名:<input type="text" name="filename"/> ...

5505 2 2016-05-26 站长杂谈

jquery完美实现textarea输入框限制字数

jquery完美实现textarea输入框限制字数jquery完美实现textarea输入框限制字数,网上有使用属性 disabled 来实现,这个不好,想修改都没有修改。当然,这个也不是很完美。 效果参考微博<html> <head> <title> jquery完美实现textarea输入框限制字数</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <script src="http://hulupi.qiniudn.com/jquery-1.7.2.min....

1871 2 2015-09-26 站长杂谈

jquery获取页面宽度,滚动条高度,元素高度

jquery 获取滚动条高度获取浏览器显示区域的高度 :$(window).height();获取浏览器显示区域的宽度 :$(window).width();获取页面的文档高度 :$(document).height();获取页面的文档宽度 :$(document).width();获取滚动条到顶部的垂直高度 :$(document).scrollTop();获取滚动条到左边的垂直宽度 :$(document).scrollLeft();计算元素位置和偏移量:$(id).offset();offset方法是一个很有用的方法,它返回...

1838 2 2015-07-18 经验分享

input文字获取焦点消失 离开焦点显示

input文字获取焦点消失 离开焦点显示html<input type="text" value="请输入数据APPID" data-empty="请输入数据APPID" class="form-input-text">js/** * input文字获取焦点消失离开显示 */ var inputTextVal = ''; $('body').on('focusin', '[data-empty]', function() { var fieldEl = $(this); var val = $.trim(fieldEl.val()), emptyTip = fieldEl.data('empty'); if (val == ...

2403 2 2015-07-18 经验分享

js点击页面空白隐藏层

最近发现我之前做这个效果的时候思路是错误的,今天修改了一下方法,因为之前的方法会在按钮上阻止事件冒泡,从而导致一个页面同时存在多个此功能的按钮出现点其他按钮不能隐藏层的bug。下面的方法才是正确的:HTML<span class="search">我是按钮1</span><span><a class="clickme" href="#">我是按钮2</a></span> <div class="div_d" style="display: none;">我是1那个弹出层</div> <div class=...

1885 2 2015-07-18 经验分享