这是一款基于jquery实现的底部带缩略图的幻灯片切换特效代码，幻灯片可以点击下方的缩略图切换，用户还可以自定义对应幻灯片的标题与文字说明，是一款非常实用的幻灯片特效源码。 为大家分享的jQuery幻灯片带缩略图轮播代码如下<html> <head><title>带缩略图的jQuery幻灯片轮播效果</title> <link href="css/css.css" rel="stylesheet" type="text/css"> <script src="js/jquery-1[1].2.1.pack.js" type="text/javascript"></scrip...
1.查看浏览器信息 navigator.userAgent 检索浏览器信息包括哪些字符 例如： if (navigator.userAgent.toLowerCase().indexOf("htc") >= 0) {$("#GuanKa .page_content").css("transform", "scale(0.92)");$(".gaunka_pic").css("top", "-100px");$(".ertongji_btn").css("top", "570px");} 2.给链接设置参数，再根据url参数做相应的事情 //用户当天还没上传图片 $(".Js_uplaod_bnt").click(function () {if ($(this).attr("myid") ...
代码中可能有这样的情况，根据元素是否存在来执行不同的操作，这样就需要判断指定的元素是否存在。使用$(selector)可以获得匹配元素集合，而匹配元素集合的length属性可以获得集合中匹配元素的个数，所以只要判断length属性值是否为零，就可以判断元素是否存在。代码实例如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>脚本之家</title> <script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"...
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <title>jquery 获取鼠标指针的坐标</title> <script> //普通js函数 function test(event) {event = event || window.event;var x = event.offsetX || event.layerX;var y = event.offsetY || event.layerY;alert("x="+x+"; y="+y);} /...
网页端 裁剪图片，不需要经过服务器。 这个是用 https://github.com/mailru/FileAPI 框架实现的。配合jcrop. 高级浏览器 使用 canvas 裁剪，ie6 7 8使用 flash过度。 核心代码：var el = $(input).get(0);seajs.use([gallery/jcrop/0.9.12/jcrop.css,gallery/jcrop/0.9.12/jcrop.js] ,function(){FileAPI.event.on(el, change, function (evt){var files = FileAPI.getFiles(evt); // Retrieve file listFileAPI.filterFiles(files...
功能很实用代码也很简单，就不多废话了，直接奉上： $.ajax({url:"mobileSurveyAction_addSurvey.action",//提交地址data:$("#form1").serialize(),//将表单数据序列化type:"POST",dataType:"json",success:function(result){if (result.success == 100){$("#mySection").hide();$(".footer").hide();$("#alertMsg").show();}else{alert("失败！");}}}); 以上所述就是本文的全部内容了，希望能够对大家熟练掌握异步提交表单有所帮助...
本文我们将为jQuery用户分享8个超实用的技巧攻略。jQuery是JavaScript最好的库之一，主要用于制作动画、事件处理，支持Ajax及HTML 脚本客户端。此外，jQuery还拥有各种插件，以帮助开发者在最短时间内快速创建网站/网页。 文中分享的这些实用代码，希望你会喜欢。 1）禁用右键单击功能 如果你想为用户节省网站信息，那么开发者可以使用这段代码——禁用右键单击功能。代码如下: $(document).ready(function() { //catch the righ...
前面有一篇原生js实现星级评分 。可能覆盖面不是很广，现在给出一个jquery实现的星级评分。代码如下: <div class="star"> <span>jQuery星级评论打分</span> <ul> <li><a href="javascript:;">1</a></li> <li><a href="javascript:;">2</a></li> <li><a href="javascript:;">3</a></li> <li><a href="javascript:;">4</a></li> <li><a href="javascript:;">5</a></li> </ul> </div> 代码如下: <style> *{margi...
代码一：代码如下: <p><a href="#" class="tooltip" title="这是我的超链接提示1.">提示1.</a></p> <p><a href="#" class="tooltip" title="这是我的超链接提示2.">提示2.</a></p> <p><a href="#" title="这是自带提示1.">自带提示1.</a></p> <p><a href="#" title="这是自带提示2.">自带提示2.</a></p> 代码如下: $(function(){ $(".tooltip").mouseenter(function(e){ this.mytitle=this.title ...
代码一： { wait:90,hsTime:function(that){if (this.wait == 0) { $(#hsbtn).removeAttr("disabled").val(重发短信验证码); this.wait = 90; } else { var _this = this;$(that).attr("disabled", true).val(在+_this.wait+秒后点此重发);_this.wait--; setTimeout(function() { _this.hsTime(that); }, 1000) } }, } 代码二: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DT...
html部分代码如下:<span class="time_wrap" value="1397145180" style="line-height:200%;"></span> js部分代码如下:<script type="text/javascript"> $(document).ready(function(){ setInterval(function(){ $(".time_wrap").each(function(){ var Obj = this; var EndTime = new Date(parseInt($(Obj).attr(value)) * 1000); var NowTime ...
预览表单,查看后确认提交或者返回重填XML/HTML Code代码如下: <form class="mform" id="myform" method="POST" id="myform" action=""> <fieldset> <legend>Registeration</legend> <table cellspacing="0"> <tbody> <tr> <td><label for="u_name"> Username :</label></td> <td><input type="text" name="uname" id="u_name"> <td> </tr> <tr> <td><label for="u_pwd"...
代码如下:<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script><!--[if IE 6]><script type="text/javascript" src="js/iepngfix_tilebg.js"></script><![endif]--><script type="text/javascript">function position(elem,l,t){ var isIE6 = !-[1,] && !window.XMLHttpRequest; if(isIE6){ var style = elem.style, dom = (document.documentElement), left = l - document.docum...
代码如下:var t9 = new PopupLayer({trigger:"#ele9",popupBlk:"#blk9",closeBtn:"#close9",useOverlay:true,useFx:true,offsets:{x:0,y:-41}});t9.doEffects = function(way){ if(way == "open"){ this.popupLayer.css({opacity:0.3}).show(400,function(){ this.popupLayer.animate({ left:($(document).width() - this.popupLayer.width())/2, top:(document.documentEleme...
代码如下:<!DOCTYPE html><html dir="ltr" lang="zh-CN"><head><meta charset="UTF-8" /><meta name="viewport" content="width=device-width" /><title>jQuery 表格自动增加</title><meta name="keywords" content="jQuery, 表格, table, 自动增加" /><meta name="description" content="jQuery表格自动增加" /><meta name="viewport" content="width=device-width" /><meta name="copyright" content="imsole.net" /><meta name=...