03 2012 档案
摘要：今晚无事,翻出来以前的一个练手作品,看了下,还是蛮有意义的,特分享出来,其实也不是太难的东西,就是留个记忆.点击下载 文件废话不多说,先看效果图:大概的实现功能通过这张图应该能看的很清楚了,就是鼠标点击拖动图片交换位置下面贴下实现的html+js代码,当然用到的插件,可以点击上面的下载链接下载,或直接去jquery-ui的代码: 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="utf-8"> 5 <title>Pic
阅读全文
摘要：今天网上看到一个能够兼容大部分主流浏览器（本人测试过的：firefox,chrome,oprea,IE6~9）的css3圆角做法，特记文分享：HTML:1 <div class="wrap">2 <div class="border"></div>3 </div>CSS:1 .wrap{background:#0f0; padding:10px 10px; width:500px; height:400px;}2 .border{background:#f00; width:100%; height:100
阅读全文
摘要：今天下午写了这个nav菜单插件，点击下载,特记之用法讲解(example): 1 $("div.header").Nav({ 2 /**主菜单选项**/ 3 number : 5, //主菜单数量 4 NavText : ['首页','简介','我的信息','我的博客','关注'], //主菜单名参数 5 NavHref : ['?m1','?m2','?m3','?m4'], //主菜单链接,务必和菜单选项保持一致 6 NavWi
阅读全文
摘要：今天下午写了这个图片切换的jQuery插件，点击下载,它能由用户设置图片切换的模式，目前支持两种：fadein(渐入渐出)和scroll(从右向左)用法(example)：1 $("div.img").picShow({2 imgPath : 'img/', //图片路径，默认为 images/ 图片名称以数排序命名：1.jpg,2.jpg,3.jpg……3 width : 500,4 height : 250,5 number : 4, //图片数量6 time : 3, //图片移动时间间隔，单位为s7 mode : 'sc...
阅读全文
摘要：一、起点： 1 /*global*/ 2 body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, a, blockquote, th { margin: 0;padding: 0;} 3 h1, h2, h3, h4, h5, h6 { font-size: 100%; } 4 ol, ul { list-style: none; } 5 table {border-collapse: collapse;border-spacing: 0px;} 6 fieldset,
阅读全文
摘要：插件下载：点击下载 1 html:4t (HTML 4.01 Transitional) 2 html:4s (HTML 4.01) 3 html:xt (XHTML 1.0) 4 html:xs (XHTML 1.0 Strict) 5 html:xxs (XHTML 1.1) 6 html:5 (HTML5) 7 8 meta:utf, meta:compat 9 style, link:css, link:print, link:favicon, link:rss,10 script, script:src11 12 div, p, a, ul, ol, input:t, in...
阅读全文
摘要：今天下午写了个弹出对话框的jQuery插件，点击下载，特记之一、Html1 <div class="button">click me</div>2 <a href="#" class="con">内容</a>二、css 1 /**弹出框css**/ 2 #popup_mask{width:100%; height:100%; background:#666; position:absolute; top:0px; left:0px; z-index:10; filter:alpha(op
阅读全文
摘要：首先可以运行下下面一段代码看结果： 1 function RP(){ 2 RP.propertyA = "RP.propertyA"; 3 this.propertyA = "this.propertyA"; 4 } 5 RP.prototype.propertyA = "RP.prototype.propertyA"; 6 //test 7 var rp = new RP(); 8 console.log(RP.propertyA); 9 console.log(rp.propertyA);//当前有rp.propertyA,所以优
阅读全文
摘要：一、基本的代码结构： 方法一： 1 //name : 插件名 2 (function(){ 3 $.fn.name = function(options){ 4 //自定义参数对象(插件自带) for example 5 var defaults = { 6 value1 : 'a', 7 value2 : 'b' 8 }; 9 var opts = $.extend(defaults,options); //此处options为用户设置的参数对象(用户传参)10 //实现插件的...
阅读全文
摘要：查看jQuery源代码，发现:1 jQuery.fn = jQuery.prototype = { 2 init: function( selector, context ) {3 //... 4 },5 //...6 };
阅读全文