jQuery
kenhins
Java软件开发工程师
展开
-
jQuery返回顶部效果
1、首先是CSS样式: /*updown*/#shangxia{position:fixed;top:83%;right:42%;margin-right:-543px;display:block;_display:none}#shang,#comt,#xia{background:url(../images/sprite.png) no-repeat;position:relative;原创 2014-05-27 15:08:08 · 1096 阅读 · 0 评论 -
利用dropload.min.js实现下拉分页
引入上dropload.min.js在下拉的页面引用 $("#totalItem").val("${(paginator.totalItems)!'0'}"); ${(it原创 2017-05-27 16:52:00 · 5050 阅读 · 1 评论 -
百度地图API实现选择地址
百度地图API实现选择地址 body, html{width: 100%;height: 100%; margin:0;font-family:"微软雅黑";} #l-map{height:300px;width:100%;} #r-result{width:100%;} #原创 2017-05-27 16:44:27 · 4530 阅读 · 1 评论 -
Jquery 点击图片在弹出层显示大图
使用jquery,实现点击图片在弹出层显示大图,再次点击关闭,加入图片高宽和窗口高宽的大小判断。 $(function(){ $("img").click(function(){ var _this = $(this);//将当前的pimg元素作为_this传入函数 imgShow("#outerdiv", "#inne原创 2017-05-27 16:34:00 · 2480 阅读 · 0 评论 -
百度地图根据经纬度获取地名
首先引用百度 script然后 javascript :// 百度地图API功能var map = new BMap.Map("allmap");var point = new BMap.Point(116.331398,39.897445);var gc = new BMap.Geocoder();gc.getLocation(point, functio原创 2017-05-17 14:13:02 · 10208 阅读 · 0 评论 -
jquery 对象转为url参数
ajax 方式对象参数 var conditions = {status:0,title:'',specialId:'',creatorId:'',authorId:'',startViewCount:0,endViewCount:0,startFactTime:'',endFactTime:''}; jquery 对象转为url参数 //导出全部查询结果 func原创 2016-10-13 17:29:28 · 5042 阅读 · 0 评论 -
JWPlayer 插件播放视频播放器使用记录
JWPlayer 插件播放视频播放器 使用记录 快讯视频预览 .jwlogo{ display: none; } #container{ margin: auto; } #videoDiv{原创 2016-09-21 11:55:11 · 2717 阅读 · 0 评论 -
短信验证码---重新发送倒计时
参考代码: var countdown=60; function settime(obj) { if (countdown == 0) { obj.removeAttribute("disabled"); obj.value="免费获取验证码"; countdown = 60; return;原创 2016-09-07 11:27:26 · 4431 阅读 · 0 评论 -
jQuery 命名空间、闭包
jQuery 命名空间,闭包/* * 服务公司用户汇总,审核 */(function() { "use strict"; var companyList=new Object();//声明命名空间 //时间戳格式化为时间companyList.getLocalTime = function(nS){ return new Date(pa原创 2016-07-05 09:11:00 · 657 阅读 · 0 评论 -
goJS 绘制web流程图
goJS 绘制web流程图 诉讼流程 body{ background-image: url('${ctxStatic}/modules/front/index/image/bg.jpg'); background-repeat:no-repeat; background-position-x: center;原创 2018-01-12 13:52:16 · 5582 阅读 · 0 评论 -
gojs 绘制流程图
gojs 绘制流程图 诉讼流程 body{ background-image: url('${ctxStatic}/modules/front/index/image/bg.jpg'); background-repeat:no-repeat; background-position-x: center;原创 2018-01-16 17:04:55 · 2621 阅读 · 0 评论 -
基于clipboard.js实现右键把选中文本复制到剪贴板
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> <c:set var=&qu原创 2019-02-15 16:31:07 · 1384 阅读 · 0 评论 -
iview 穿梭框形式实现 选择设置的业务
iview 穿梭框形式实现 选择设置的业务<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><%@ include file="/WEB-INF/views/include/taglib.jsp"%><!DOCTYPE html><ht原创 2018-12-13 11:52:10 · 3738 阅读 · 1 评论 -
turn.js 异步加载实现翻书效果
1、阅读翻书js/** * 电子翻书 *///var width = 1080;//var height = 1680;var width = "10rem";var height = "15.2rem";window.onload = function () { //预加载 //loading(18,1); initData();}functio...原创 2018-11-02 09:27:59 · 6273 阅读 · 2 评论 -
vue插件 vue-seamless-scroll 无缝滚动
vue插件 vue-seamless-scroll 实现无缝滚动<!DOCTYPE html><html lang="zh-cn"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=原创 2018-10-08 16:23:37 · 3615 阅读 · 1 评论 -
jquery实现指定时间无操作退出返回首页
var monitor_plus = { click_time : new Date(), leave : 60, goUrl : "", container : "", init : function(timeSpan, url, container) { this.leave = timeSpan; this.goUrl = url; this.cont...原创 2018-09-11 16:35:39 · 2246 阅读 · 0 评论 -
利用videojs实现视频列表循环播放,自动播放下一个
<!DOCTYPE html><html lang="zh-cn"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <met原创 2018-09-11 14:18:52 · 41283 阅读 · 1 评论 -
服务端跨域处理返回的jsonp格式的数据
package net.polyv.web.controller.front;import java.io.IOException;import java.util.HashMap;import java.util.Map;import javax.servlet.http.HttpServletRequest;import javax.servlet.http.HttpServl...原创 2018-08-29 11:09:22 · 9773 阅读 · 0 评论 -
解码类似eval的JavaScript代码
最简单的解密方法是将 eval() 直接替换成 document.write(),然后将代码输出到页面即可。在输出前,我们先输出一个<xmp>标记,具体代码构造如下:<script type="text/javascript"> document.write("<xmp>"); /*eval*/document.write(" 这里是除 eval() 之外的代码...原创 2018-04-13 15:07:26 · 794 阅读 · 0 评论 -
jQuery命名空间,自定义空间及属性,插件开发全解析
jQuery插件的开发包括两种:一种是类级别的插件开发,即给jQuery添加新的全局函数,相当于给jQuery类本身添加方法。jQuery的全局函数就是属于jQuery命名空间的函数,另一种是对象级别的插件开发,即给jQuery对象添加方法。下面就两种函数的开发做详细的说明。1、类级别的插件开发类级别的插件开发最直接的理解就是给jQuery类添加类方法,可以理解为添加静态方原创 2016-04-22 19:54:24 · 721 阅读 · 0 评论 -
jquery利用正则验证不能含有中文
jquery利用正则验证不能含有中文 var myReg = /^[a-zA-Z0-9_]{0,}$/; if (!myReg.test(input.val())) { $.validation.tip(false, input, "用户名不能含有中文或特殊字符"); return; }原创 2016-02-29 17:16:07 · 11468 阅读 · 0 评论 -
bootstrap-datetimepicker.min.js日期插件使用记录
$("#startDate").datetimepicker({ weekStart: 1, todayBtn: 1, autoclose: 1, todayHighlight: 1, startView: 2, minView: 2, forceParse: 0, format:"yyyy-mm-dd"原创 2014-10-11 10:35:41 · 5230 阅读 · 0 评论 -
wxj项目的开发一点记录
--> > --> --> > -->原创 2014-11-18 10:54:57 · 1040 阅读 · 0 评论 -
JQuery与CSS之图片上放置按钮
position:relative日常应用的时候一般是设置给position:absolute;的父层的,父层position:relative; 子层position:absolute;的话, 就是依照父层的边界进行定位的, 不然position:absolute 会逐层向上寻找设置了position:relative的元素边界, 直到body元素..第一种写法(连同CSS一起追原创 2014-10-24 14:16:47 · 3020 阅读 · 1 评论 -
利用bootbox.js写二次确认提交(以及数字转为中文数字)
页面wen 网校ID 全局唯一,不能和其他网校的ID相同 网校名称原创 2014-10-21 13:50:12 · 2406 阅读 · 0 评论 -
Jquery解析json字符串、json数组
Jquery解析json字符串、json数组 解析json字符串、json数组 {"ret": 0, "msg": "", "is_lost":0, "nickname": "小米", "gender": "男", "province": "广东", "city": "广州", "yea原创 2014-09-13 17:39:13 · 5381 阅读 · 1 评论 -
bootstrap-datetimepicker.js插件
IntroductionSimple date/time picker component based on the work of Stefan Petre, with contributions taken fromAndrew Rowls and jdewit.DemoDefault behavior in pt-BR, picks date/time with fa原创 2014-07-30 09:49:09 · 2906 阅读 · 0 评论 -
利用bootbox.js插件实现自定义弹出层
× 编辑内容 编辑区名称:首页头部图片轮播 成功保存编辑区内容。 ${item} 暂无轮播图片! "> ${(indexImageSliders)!''}原创 2014-07-30 09:37:55 · 12443 阅读 · 0 评论 -
利用jquery的imgAreaSelect插件实现图片裁剪示例
将用户上传的图片进行裁剪再保存是现在web2.0应用中常常处理的工作,现在借助jquery的imgareaselect插件再配合PHP的GD库就可以轻松的实现这个在以前来说非常棘手的功能。我们来看看它的实现步骤:1、包含进CSS文件(imgareaselect-default.css)和 jquery.imgareaselect.js文件2、html代码(要裁剪的图片元素) i原创 2014-07-29 16:03:06 · 3002 阅读 · 3 评论 -
分享页面内容的按钮js
分享页面内容的按钮js 分享到: 32.8K原创 2015-03-12 15:06:25 · 1720 阅读 · 0 评论 -
最热门工具推荐!为响应式网站而生的40款栅格神器
精致华丽的设计风格正被灵活巧妙的响应式设计所替代。现如今,更加流畅、更讲究交互的响应式网页模板,正在高速进化。响应式设计革命正在悄悄发生,改变着整个网页设计的发展趋势。同时,优秀的响应式网页能够促使用户在页面停留更长的时间。漫谈响应式网页设计为此,我准备了一组响应式网页所用的栅格系统工具,分享给大家。1、GRIDPAKErskine 设计的一组响应式栅格系统。从转载 2015-04-21 21:57:08 · 3218 阅读 · 0 评论 -
Jquery 上传文件(不通过form表单提交)
html代码: (这个是弹窗的页面)<#-- 更换小图 /下载图片弹窗 --> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dis原创 2016-03-11 18:13:43 · 25134 阅读 · 3 评论 -
HTML5 postMessage解决跨域、跨iframe窗口消息传递
主页面 接收消息: $(function(){ //接收 子页面的通信信息 window.addEventListener('message',function(e)原创 2016-03-03 15:53:34 · 5982 阅读 · 0 评论 -
jQuery插件:跨浏览器复制jQuery-zclip
jQuery插件:跨浏览器复制jQuery-zclipjQuery-zclip是一个复制内容到剪贴板的jQuery插件,使用它我们不用考虑不同浏览器和浏览器版本之间的兼容问题。jQuery-zclip插件需要Flash的支持,使用时记得安装Adobe Flash Player。//引入jQuery-zclip相关js及swf文件/resources/js/jquery.m原创 2016-03-01 16:42:53 · 1506 阅读 · 0 评论 -
js\java 通过算法加密后,再base64
java 通过算法加密后,再base64 /** * 授权播放 * @param request * @param response * @param map * @throws Exception */ @RequestMapping(value = "/get/player/sign", method = { RequestMetho原创 2016-01-27 16:44:36 · 813 阅读 · 0 评论 -
jquery+java选中批量删除
页面 返回 添加图片 批量添加图片 图集管理 -- ${(course.title)!''} 全选 删除 默认排序 时间排序原创 2015-12-02 14:08:14 · 3114 阅读 · 0 评论 -
Jquery Validate插件+requireJs库
这个页面是使用了requireJs,页面是freemarker页面 ,CSS是bootstrap 邮箱注册原创 2015-07-23 18:13:32 · 2978 阅读 · 0 评论 -
jquery validationengine验证
Enables debug mode. If true, the form is not submitted and certain errors are displayed on the console (will check if a window.console property exists). Try to enable when a form is just submitted i翻译 2015-07-23 17:12:04 · 1148 阅读 · 0 评论 -
Jquery垂直/水平旋转
jquery制作图片垂直翻转动画特效*{margin:0;padding:0;list-style-type:none;}a,img{border:0;text-decoration:none;}body{font:12px/180% Arial;}.brand a{ display: block; float: left; margin: 20px; width: 180原创 2015-08-12 14:51:40 · 3211 阅读 · 0 评论 -
gojs 把报表保存成png图片
png function myCallback(blob) { var url = window.URL.createObjectURL(blob); var filename = "myBlobFile.png"; var a = document.createElement("a"); a.style = "displa...原创 2019-04-16 14:22:47 · 1616 阅读 · 0 评论