fadeIn()fadeOut()fadeToggle()fadeTo()jQuery fadeIn() 用于淡入已隐藏的元素$("button").click(function(){$("#div1").fadeIn();$("#div2").fadeIn("slow");$("#div3").fadeIn(3000); });jQuery fadeOut() 方法用于淡出可见元素。$("button").click(function(){$("#div1").fadeOut();$("#div2").fadeOut("slow");$("#div3").fadeOut(3000); });fadeToggle() 方法可以在 fadeIn() 与 fadeOut() 方法之间进行切换$("button").click...
tab1.html内容<!DOCTYPE html><html><head><meta charset="UTF-8"><title>tab选项卡</title><style>* {margin: 0;padding: 0;}ul,li {list-style: none;}body {background-color: #323232;font-size: 12px;font-family: "微软雅黑"; margin: 100px;}</style><link rel="stylesheet" href="tab1.css"/><script src="../jquery-2.1.0.js" type="text/javascript"></script><script src="tab1.js" type="text/javascript"></script></...
///js页面滚动浮动层智能定位(jQuery)实现 ///调用：$("#popfloat").smartFloat($("#mainInfo").width() + 21); $.fn.smartFloat = function(width_p) { var position = function(element) { var top = element.position().top, pos = element.css("position"); $(window).scroll(function() { var scrolls = $(this).scrollTop(); if (scrolls > top) { if ...
上一篇仅仅讲到前台操作，这篇专门涉及到Java后台处理。前台通过Ajax提交将Base64编码过的图片数据信息传到Java后台，然后Java这边进行接收处理。通过对图片数据信息进行Base64解码，之后使用流将图片数据信息上传至server进行保存，而且将图片的路径地址存进数据库。 大家能够点此链接查看前台本地压缩上传的处理：HTML5+Canvas+jQuery调用手机拍照功能实现图片上传（一）ok,废话不多说了。直接贴代码吧。1、前台js代码：$.ajax({...
主要的jquery代码：var TS={successAlert:function(str){ //调用成功的方法var html=‘<div class="alert alert-success ts-alert" >‘ +‘<span class="ts-alert-text">‘+str+‘</span>‘+‘<button type="button" class="close"><span>×</span></button></div>‘;var obj=$(html);obj.appendTo(document.body); var w=obj.width();if(w>1) w=w/2;//提示框居中显示obj.css("margin-left", "-"+w+"px");//延时自动关闭setTimeout(...
使用jQuery实现倒计时效果，这个实例是在页面上显示剩余几天几小时几分几秒的效果。 在头部引用最新的jQuery.js文件： <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script src="jQuery.js" type="text/javascript"></script> </head> 前台页面： <body> <div id="remainSeconds" style="display:none">180000</div> ...
最近看到我看的教学视频有不少手风琴效果，我也试着写一下，当做练习。明天我放假，就要去找工作，不知道，我的前端之路，能不能正式开始。菜鸟起飞的机会都没有，那就尴尬了.纯属练习：效果如图：html:<ul class="wrap"><li class="checked"><span>选项1</span><div>1</div></li><li><span>选项2</span><div>2</div></li><li><span>选项3</span><div>3</div></li><li><span>选项4</span><div>4</div></li><li><span>选项5</span><...
转自：http://www.cnblogs.com/linjiqin/p/3530848.htmljQuery插件AjaxFileUpload用来实现ajax文件上传，该插件使用非常简单，接下来写个demo演示怎么用AjaxFileUpload插件实现文件上传。1、引入AjaxFileUpload插件相关的js<script type="text/javascript" src="<%=basePath%>resources/js/jquery-1.2.1.js"></script> <script type="text/javascript" src="<%=basePath%>resources/js/ajaxfileupload.js"></script>备注：测试发现...
项目开发中,某个可独立、也可集成的子业务模块须要向外开放相关API接口,先说下项目本身使用了jersery来实现RESTful webservice以名词形式公布API。有意思的是在实际的操作中同事却通过Ajax跨域请求的方式去调用该API,先不说成功与否,这样的方式本就是“滑稽"的。和他一起探讨了此种做法的不合理性,之后选择jersey client的方式进行远程调用。只是他在跨域请求中遇到了问题,自己闲暇时间予以解决,这才是此篇文章的由来。 jQue...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>jQuery+CSS实现的高亮显示选中二级菜单效果丨石家庄地毯</title> <style type="text/css"> *{margin:0;padding:0} body{font-size:14px;}...
导入 jquery1.9.1.js 库 <!DOCTYPE html> <html> <head lang="en"><meta charset="UTF-8"><link href="css/style.css" type="text/css" rel="stylesheet" /><script type="text/javascript" src="scripts/jquery-1.9.1.js"></script><script type="text/javascript">$(function(){var initFontSize = 18;function removeBlur(){if(this.blur){this.blur();}}/* 改变字体大小 代码 */$("#fontbtn1").bind("focus",removeBlur).click...
$.fn.extend( { method:function(){ } }) $.extend( { method:function(){ } })原文：http://www.cnblogs.com/sjqq/p/6372895.html
function ready(fn){ if(document.addEventListener) { document.addEventListener(‘DOMContentLoaded‘, function() { //注销事件, 避免反复触发 document.removeEventListener(‘DOMContentLoaded‘,arguments.callee, false); fn(); //执行函数 }, false); }elseif(document.attachEvent) { //IE document.attachEvent(‘onreadystatechange‘, function() { if(document.readyState == ‘complete‘) { document.detachEvent(...
Ajax（无需等待直接向服务器发起请求）(AsynchronousJavascriptAndXml) ：异步的Google创新的一种js技术 实现方法一：比较原始没有封装的方法： 1//核对用户名是否可用 2var xmlhttp = null;3 4function checkUser(userName) {5if (xmlhttp == null) {6 xmlhttp = new XMLHttpRequest();//第一步：创建一步通信对象 7 }8//第二步：设定回调函数 9 xmlhttp.onreadystatechange = function (...
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>ajax file</title><script src="./js/jquery-1.12.4.min.js"></script><script>$(function(){// 设置禁止点击 $(".butt").attr("disabled","disabled")$(".ck").attr(‘readonly‘,"readonly")// 去除某个属性 $(".buu").removeAttr("disabled")});</script></head><body><div class="box" a="">嘿嘿</div><input class="ck" type="text...