![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JS JQUERY
袁忠
这个作者很懒,什么都没留下…
展开
-
动态获取当前时间、星期、农历的日历js
借鉴网上案例,定制了一个获取当前时间、 Document $(function(){ setInterval(myclock,1000); setInterval(CalConv,1000); function myclock(){ var now = new Date(); var y原创 2014-10-06 10:16:22 · 3782 阅读 · 0 评论 -
JS 简单的轮播特效示例
html模板 *{margin:0;padding:0;} .box{width:100%;height:450px;margin:0 auto;position:relative;z-index:0;} .box .pic{width:100%;height:450px;position:absolute;top:0;left:0;} .b原创 2014-10-29 23:17:35 · 446 阅读 · 0 评论 -
jsp Cookie 示例
Cookie 示例: @Override protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { //实例并赋值一个cookie 【Cookie 不支持直接存储中文字符】 Cookie cookie =原创 2014-10-16 21:01:21 · 386 阅读 · 0 评论 -
js触发按钮点击事件
usually function function load(){ //下面两种方法效果是一样的 document.getElementById("target").onclick(); document.getElementById("target").click();}function test(){ alert("test");} test转载 2014-10-17 11:53:48 · 1610 阅读 · 0 评论 -
js 键盘事件示例
/* 键盘事件 */ $(document).keydown(function(e){ if(e.keyCode===13){ alert("您按了回车键"); } });原创 2014-10-18 22:46:33 · 254 阅读 · 0 评论 -
处理file提交文件时,浏览器不兼容的示例
function openBw(){ var ie = navigator.appName == "Microsoft Internet Explorer" ? true:false; if(ie){ document.getElementById("file").click(); document.getElementById("原创 2014-11-04 23:22:39 · 440 阅读 · 0 评论 -
java ajax请求示例
/* ajax请求,就是一个HTTPRequest*/$.ajax({ type:"POST", //请求方式 url:"/load.jsp", //请求地址 data:{"name":"value"}, //参数键值对 beforSend:function(){}, //在与服务器进行交换之前,执行的回调函数 error:function(){}, //在与服务器交原创 2014-10-18 22:28:14 · 417 阅读 · 0 评论 -
jQuery代码优化:事件委托篇
随着DOM结构的复杂化和Ajax等动态脚本技术的运用,事件委托自然浮出了水面。jQuery为绑定和委托事件提供了.bind()、.live()和.delegate()方法。本文在讨论这几个方法内部实现的基础上,展示它们的优劣势及适用场合。事件委托事件委托的事例在现实当中比比皆是。比如,有三个同事预计会在周一收到快递。为签收快递,有两种办法:一是三个人在公司门口等快递;二是委托给前台转载 2014-11-22 00:46:16 · 247 阅读 · 0 评论 -
JQuery实现DIV拖动效果示例
laotou *{margin:0;padding:0;} .box_1{width:460px;height:250px;border:2px solid #666;position:absolute;} .top{width:460px;height:40px;background:#666;cursor:move;} .top a{di原创 2014-11-22 22:21:50 · 406 阅读 · 0 评论 -
Extjs gridPanel对选中行的操作
var model = grid.getSelectionModel(); model.selectAll();//选择所有行 model.selectFirstRow();//选择第一行 model.selectLastRow([flag]);//选择最后一行,flag为正的话保持当前已经选中的行数,不填则默认false model.selectNext();//选择下一行转载 2014-11-28 14:58:44 · 348 阅读 · 0 评论 -
js动态绑定与解绑事件示例
绑定:$(this).attr("value","进度中....").attr(“onClick”);解绑:$(this).attr("value","进度中....").removeAttr(“onClick”);原创 2015-01-06 23:55:01 · 750 阅读 · 0 评论 -
HTML5 Audio/Video 标签,属性,方法,事件汇总
标签属性:src:音乐的URLpreload:预加载autoplay:自动播放loop:循环播放controls:浏览器自带的控制条 1 http://www.abc.com/test.mp3"controls> 标签属性:src:视频的URLposter:视频封面,没有播放时显示的图片preload:预加载autoplay:自动播放loop:循环播放controls:浏览器自转载 2015-03-21 22:56:38 · 259 阅读 · 0 评论 -
datatable 插件
table = $("#dataTable").dataTable({ "scrollY": "400px", //高度 "scrollX": true, //左右滚动条 "ordering":false,//thead上的排序按钮原创 2016-09-06 23:16:59 · 240 阅读 · 0 评论 -
JS 滑动菜单示例
html模板 *{margin:0;padding:0;} body{color:#666;font-size:16px;font-family:"微软雅黑";} a{text-decoration:none;} .box{width:1190px;height:36px;margin:100px auto;border-bottom:3px原创 2014-10-29 21:38:42 · 412 阅读 · 0 评论 -
JS 回顶部示例
HTML部分:原创 2014-10-27 23:01:42 · 273 阅读 · 0 评论 -
Jquery 右键菜单示例
屏蔽右键系统菜单 document.oncontextmenu=function(){ return false; }原创 2014-10-27 21:20:26 · 329 阅读 · 0 评论 -
js获取当前系统时间
var myDate = new Date(); myDate.getYear(); //获取当前年份(2位) myDate.getFullYear(); //获取完整的年份(4位,1970-????) myDate.getMonth(); //获取当前月份(0-11,0代表1月) myDate.getDate();转载 2014-10-06 09:11:27 · 328 阅读 · 0 评论 -
js 倒计时示例
window.onload = function(){ var s = 60; mySetInterval = setInterval(function(){ s--; if(s >=0){ $("#ds").html("" +s+ ""); if(s===0){window.location.href = "http://www.baidu.com原创 2014-10-23 22:35:34 · 256 阅读 · 0 评论 -
单选框,复选框分别在javascritp ,jquery 中取值方式示例
/* radio 在javaScritp和Jquery两个 版本下,获取值的方法 */ var sex = document.forms[0].sex.value;//radis 通过这种方式获取值(javaScript版) var sexj = $("input[type='radio'][name='sex']:checked").val(); //jquery版方原创 2014-11-09 21:00:06 · 294 阅读 · 0 评论 -
采用serialize方法获取form参数值示例
function serilalize_1(){ /* 所有提交的元素必须加 【 name 】 属性 */ var params = $("#registform").serialize(); var paramsArr = $("#registform").serializeArray(); paramsArr.push({name:"email"原创 2014-11-09 21:24:27 · 967 阅读 · 0 评论 -
一段简洁的图片轮展特效JS代码
$(function() { $().picFit("auto"); }); var speed=20; var GD=document.getElementById('demo'); var GD1=document.getElementById('demo1'); var GD2=document.getElementById('demo2'); GD2.innerHT原创 2014-10-07 22:28:44 · 405 阅读 · 0 评论 -
完全详解HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth
scrollHeight: 获取对象的滚动高度。 scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离scrollWidth:获取对象的滚动宽度offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度o转载 2014-10-07 22:32:11 · 259 阅读 · 0 评论 -
利用setInterval实现数秒的当前时间案例
当前时间:2014年10月7日 下午10:24:50 setInterval("document.getElementById('nnowdate').innerHTML=new Date().toLocaleString().substring(0,10) + ' ' + new Date().toLocaleTimeString();",1000);原创 2014-10-07 22:21:52 · 737 阅读 · 0 评论 -
html,js,jquery 使当前链接不跳转、不刷新;
<!-- onclick = "javascript:;" 这两种效果一样,表示当前页面不跳转、不刷新 onclick = "javascript:void(0);" 不跳转 或 不跳转 表示a标签链接是,浏览器地址无#,且不跳转; -->原创 2014-09-29 21:33:26 · 1879 阅读 · 0 评论 -
js 获取自带与自定义的属性值
function test(obj){ alert(obj.name); //因为name是对象自带的属性,直接对象 obj.name alert(obj.getAttribute("age")); //age不是对象自带的属性,所以需要采用 obj.getAttribute("age"); 这样来获取自定义的age的属性值 };原创 2014-10-08 15:45:26 · 497 阅读 · 0 评论 -
js 创建对象、修改对象、删除对象及引用对象案例
var p = {name:"老头",age:20}; p.name = "老王"; //修改键值; p.age = 45; delete p.age; //删除键 //alert(p.name); //alert(p["name"]); for(var key in p){ alert(key + "--" +p[key]); //遍历P这个原创 2014-10-08 16:36:20 · 475 阅读 · 0 评论 -
js 获取日期及日期计算案例
$(function(){ date(new Date()); //传进来一个日期参数 }); /* 格式化日期函数 */ function date(date){ var date = new Date(); var year1 =date.getYear(); //年的简写格式 var year2 = date.getFullYear(); //年原创 2014-10-08 17:10:27 · 477 阅读 · 0 评论 -
JS 动态创建、添加对象
动态向Body容器 var divobj = document.createElement("div"); //创建一个Div对象 divobj.style.width="50px"; //给新创建的DIV对象,赋属性 divobj.style.height="50px"; divobj.style.background="red"; divobj.style.margin原创 2014-10-08 18:31:51 · 460 阅读 · 0 评论 -
bootstrapSelect 下拉框插件
这里写链接内容转载 2016-09-27 22:14:27 · 244 阅读 · 0 评论