JavaScript,封装库--滑动导航 效果图 html <!--滑动导航--> <div id="nav"> <ul class="about"> <li></li> <li></li> <li></li> <li></li> <li></li> </ul> <ul class="…

封装库--JavaScript,预加载图片 首先了解一个Image对象,为图片对象 Image对象 var temp_img = new Image();   //创建一个临时区域的图片对象alert(temp_img);                        //[object HTMLImageElement]对象 Image对象src属性,属性值是src地址,这个src地址会在后台加载到本地缓存 var temp_img = new Image();   //创建一个临时区域的图片…

封装库--JavaScript,表单验证--验证用户名 注册验证功能,顾名思义就是验证表单中每个字段的合法性,如果全部合法才可以提交表单. 效果图 聚集光标时 信息不合法是 信息合法时 html <div id="reg"> <h2 class="tuo"><img src="img/close.png" alt="" class="close" />会员注册</h…

第一百四十八节,封装库--JavaScript,菜单切换 首先在封装库封装点击切换方法 /** dian_ji_qie_huan()方法,设置点击切换,将元素设置成点击切换,也就是点击目标元素后,循环执行方法里的函数 * 参数是点击后要执行的函数,可以是多个函数,点击一次循环执行一个函数,从第一个开始,循环完毕后再次循环从第一个开始 **/ feng_zhuang_ku.prototype.dian_ji_qie_huan = function () { for (var i = 0; i <…

封装库--JavaScript,完整封装库文件 /** *feng_zhuang_ku_1.0版本,js封装库,2016/12/29日:林贵秀 **/ /** 前台调用 * 每次调用$()创建库对象,使其每次调用都是独立的对象 * $()创建库对象,有一个可选参数,参数有两种方式,1是传入的this,2是传入的字符串 * 可选参数说明: * 传入的this,this,就是当前对象本身 * * 传入的字符串,代表获取元素选择器 * 参数是元素选择器(id值.class值.标签名称)其中一样的字符串…

封装库--JavaScript,轮播器 html <div id="banner"> <img src="img/banner1.jpg" alt="轮播器第一张" /> <img src="img/banner2.jpg" alt="轮播器第二张" /> <img src="img/banner3.jpg" alt="轮播器第三张&q…

封装库--JavaScript,表单验证--提交验证 将表单的所有必填项,做一个判断函数,填写正确时返回布尔值 最后在提交时,判断每一项是否正确,全部正确才可以 提交 html <div id="reg"> <h2 class="tuo"><img src="img/close.png" alt="" class="close" />会员注册</h2> <…

封装库--JavaScript,表单验证--密码验证 效果图 html <div id="reg"> <h2 class="tuo"><img src="img/close.png" alt="" class="close" />会员注册</h2> <form name="reg"> <dl> <dd>用…

封装库--JavaScript,ajax注册表单到数据库 效果图 前台js var biaodan = $().xu_lie_biao_dan($('form').sh_jd()); //序列化获取表单数据,返回对象 $().Ajax({ //执行Ajax数据传输 method:'post', //post方式发送 url:'hj.php', //发送到hj.php data:biaodan, //发送内容,序列化获取到的表单对象 success:function (text) { //执行回调…

封装库--JavaScript,表单序列化结合ajax提交数据 封装库,表单序列化方法 /** xu_lie_biao_dan()方法,表单序列化方法,将自动获取指定表单里面的各项字段name值和value值,无法连缀 * 参数是要获取指定表单的原生态对象 * 返回,包含表单数据的对象,如,{表单数据} **/ feng_zhuang_ku.prototype.xu_lie_biao_dan = function (form) { var parts = {}; for (var i = 0;…