本文实例讲述了jQuery实现幻树形下拉菜单特效,实现自动伸缩,分享给大家供大家参考。 运行jQuery树形下拉菜单特效效果图:为大家分享的jQuery树形下拉菜单代码如下<head><title>常用的jquery下拉菜单</title> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript">$(document).ready(function() {$(".menuTitle").click(function(){$(this).next("div").slideToggle("slow").siblings("....
先给大家上运行效果图,看看是不是特别棒!这一张是小编抓拍时钟翻牌时的效果图:为大家分享的JavaScript时钟翻牌效果代码如下 <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Create an Animated Flip Down Clock</title> <link rel="stylesheet" type="text/css" href="style.css" /> </head> <body> <div id="wrapper"><div id="back"><div id="upperHalfBack"><img src="spacer.png" /...
这是一款基于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...
为大家分享的JavaScript图片轮播代码如下<!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=utf-8" /> <title>无标题文档</title> <script src="http://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script><style>.img...
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"...
/* * MAP对象,实现MAP功能 * * 接口: * size() 获取MAP元素个数 * isEmpty() 判断MAP是否为空 * clear() 删除MAP所有元素 * put(key, value) 向MAP中增加元素(key, value) * remove(key) 删除指定KEY的元素,成功返回True,失败返回False * get(key) 获取指定KEY的元素值VALUE,失败返回NULL * element(index) 获取指定索引的元素(使用element.key,element.value获取KEY和VALUE),...
1. viewport: 也就是可视区域。对于桌面浏览器,我们都很清楚viewport是什么,就是出去了所有工具栏、状态栏、滚动条等等之后用于看网页的区域, 这是真正有效的区域。由于移动设备屏幕宽度不同于传统web,因此我们需要改变viewport; 实际上我们可以操作的属性有4 个:代码如下: width - // viewport 的宽度 (范围从200 到10,000,默认为980 像素) height - // viewport 的高度 (范围从223 到10,000)...
<!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...
js代码 function arraySearch(l1,l2){for (var name in PinYin){if (PinYin[name].indexOf(l1)!=-1) {return name; break;}}return false; }核心代码: var PinYin = {"a":"\u554a\u963f\u9515","ai":"\u57c3\u6328\u54ce\u5509\u54c0\u7691\u764c\u853c\u77ee\u827e\u788d\u7231\u9698\u8bf6\u6371\u55f3\u55cc\u5ad2\u7477\u66a7\u7839\u953f\u972d","an":"\u978d\u6c28\u5b89\u4ffa\u6309\u6697\u5cb8\u80fa\u6848\u8c19\u57ef\...
由于javascript中的replace函数无法替换全部匹配的字符串,所以需要为String类增加一个方法,代码如下:代码如下: String.prototype.replaceAll = function(reallyDo, replaceWith, ignoreCase) { if (!RegExp.prototype.isPrototypeOf(reallyDo)) { return this.replace(new RegExp(reallyDo, (ignoreCase ? "gi": "g")), replaceWith); } else { return this.replace(reallyDo, replaceWit...
功能很实用代码也很简单,就不多废话了,直接奉上: $.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("失败!");}}}); 以上所述就是本文的全部内容了,希望能够对大家熟练掌握异步提交表单有所帮助...
好吧,也没有背景说明,没有高深技能,纯粹无聊,想找出10000内的所有质数。那么就开始了: function zhishu(num) {if (num == 1) {return false;}if (num == 2) {return true;}for (var i = 2; i <= Math.sqrt(num); i++) {if (num % i == 0) {return false;}}return true; }使用实例: var zhishuArray = []; for (var j = 1; j < 100000; j++) {if (zhishu(j)) {zhishuArray.push(j);} } console.dir(zhishuArray);
这是一则定时显示广告的javascript代码,当然也可以定时显示某一区块内容,很实用。 代码如下:代码如下: function strToDate(str, ext) { if (str == null || str == ) return; var arys = new Array(); arys = str.split(-); var newDate = new Date(arys[0], arys[1] - 1, arys[2], 9, 0, 0); if (ext) { newDate = new Date(newDate.getTime() + 1000 * 60 * 60 * 24); } return newDate; } function showit(str, sta...