javascript
文章平均质量分 79
水月情缘雪飞飞
这个作者很懒,什么都没留下…
展开
-
jq侧边下拉菜单
//整体的外面加ul会使两个大菜单距离正常 一。1:主菜单与从菜单是左对齐的状态。自动类型的。.u li{display:none;} 菜单二 一级菜单 一级菜单 一级菜单 菜单二 一级菜单 一级菜单 一级菜单原创 2014-10-22 22:33:21 · 1072 阅读 · 0 评论 -
canvas图片体积压缩
Document Upload File: Your Broswer don't support html5 canvas测试base64图片: $(document).ready(function(){ $("#fileId").change(function(){ var file = this.files[0]; var原创 2017-07-29 15:10:52 · 1060 阅读 · 0 评论 -
ajax上传文件
$( "#button" ).change(function(){ var formdata = new FormData(); formdata.append("file", this.files[0]); var size = this.files[0].size; if (size > 10 * 1024 * 1024) {原创 2017-07-29 15:13:58 · 298 阅读 · 0 评论 -
图片base64与blob互转
/*** base64 转 blob 对象,文件上传 * 转载自:http://blog.csdn.net/hsany330/article/details/52575459 * @param dataURI * @returns {Blob} */function dataURItoBlob(dataURI) { var byteString = atob(dataURI.s转载 2017-07-29 15:12:58 · 10268 阅读 · 0 评论 -
图片展示
Document --> /** 显示本地图片* @param string sourceId input 按钮的id* @param string targetId img 按钮的id*/function showimg(sourceId = 'file', targetId = 'img') { if (type原创 2017-07-29 15:11:54 · 280 阅读 · 0 评论 -
jQuery.extend( object ); 扩展jQuery对象本身
jQuery.extend( object ); 扩展jQuery对象本身// jQuery.extend( object ); 扩展jQuery对象本身// 用法一:jQuery.extend({ min: function(a, b) { return a < b ? a : b; }, max: function(a, b) { return a > b ?原创 2015-08-07 19:37:21 · 998 阅读 · 0 评论 -
jquery-javascrip(jsonp) 跨域
js跨域原理,ajax跨域 // ajax原生跨域实例。window.onload = JSONP(); // js 执行函数,或者直接写 JSONP()。 function JSONP(){ var value = "value"; // 这里是参数 var url = "http://mvc.com/one.php?get="+value; var scr原创 2015-05-29 16:36:51 · 3204 阅读 · 0 评论 -
js 获取页面信息方法
设置或获取对象指定的文件名或路径。alert(window.location.pathname) 设置或获取整个 URL 为字符串。 alert(window.location.href);设置或获取与 URL 关联的端口号码。alert(window.location.port) 设置或获取 URL 的协议部分。alert(window.location.pro原创 2015-04-09 12:25:45 · 592 阅读 · 0 评论 -
仿京东导航栏
仿京东导航栏 ul{list-style-type:none;} /*#menu{background-image:url('./img/menu.jpg');background-repeat:repeat-x;height:40px;line-height:40px;} // 这个需要截取京东的导航条一像素的竖线*/ #menu{background-color:#E238原创 2014-12-09 00:34:16 · 1067 阅读 · 0 评论 -
jq弹出层与自动隐藏,屏幕居中显示,弹出层的移动原理
Document*{ margin:0; padding:0;} .div{margin:200px auto;width:200px;height:100px;background:#f0f0f0;line-height:100px;text-align:center;}点击// 一 弹出隐藏层。/* $(function(){ $('#btn').click(f原创 2015-01-08 16:47:50 · 1460 阅读 · 0 评论 -
JS关闭当前窗口
一:关闭窗口二:this.window.opener = null; window.close();原创 2015-01-09 00:02:37 · 519 阅读 · 0 评论 -
jq 轮换板的简单实现,没有左右滑动效果!
*{margin:0px;padding:0px;} .none{display:none;} var length = $('.tu').children().length-1; //length从1开始。而eq从0开始。都定义为0开始。var img = 0; setInterval(function(){ id = img++; $('.tu'原创 2014-11-14 15:12:27 · 778 阅读 · 0 评论 -
jq选项卡的实现原理
.none{display:none;} .tab_menu{width:300px;height:30px;border:1px solid red;} .div{width:60px;height:30px;float:left;margin-right:10px;cursor:pointer;background:lightgreen;line-height:30px;} .tab_b原创 2014-11-14 02:00:18 · 2735 阅读 · 0 评论 -
bootstrap栅栏布局
/*-------------------------------------栅栏布局----------------------------------------------------*/* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} body原创 2014-11-12 14:52:26 · 2957 阅读 · 0 评论