web前端
yjm2017
这个作者很懒,什么都没留下…
展开
-
子div设置float后会导致父div无法自动撑开解决方案
子div设置float后会导致父div无法自动撑开解决方案原创 2023-03-09 16:00:56 · 331 阅读 · 0 评论 -
摄像头取流地址
摄像头取流地址原创 2023-02-11 09:25:41 · 12352 阅读 · 1 评论 -
html+css实现定位三角在右上角并且文字倾斜45度
html+css实现定位三角在右上角并且文字倾斜45度原创 2023-01-10 13:55:28 · 1644 阅读 · 0 评论 -
九种鼠标放上动画
九种鼠标放上动画原创 2023-01-07 17:27:40 · 71 阅读 · 0 评论 -
web项目修改后引入的js或css文件不生效
一、针对服务端清除tomcat缓存将tomcat--->work----->catalina---->locahost 下的内容清除二、针对客户端2.1清除浏览器缓存 2.2 在引入的js或者css文件后面增加一个随机数例如: <script type="text/javascript" src="<%=path %>/skin/js/xxxxx.js?v=20220212"></script><...原创 2022-02-12 11:16:42 · 815 阅读 · 0 评论 -
echars山东地图
1.引入js<script type="text/javascript" src="<%=path%>/skin/jquery.js"></script><script type="text/javascript" src="<%=path%>/skin/echarts4.1.0.js"></script><script type="text/javascript" src="<%=path%>/skin/..原创 2021-05-28 18:14:57 · 1449 阅读 · 1 评论 -
boostrap轮播
boostrap版本:3.0<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><%@ page language="java" import="java.util.*" pageEncoding="utf-8"%><%String path = request.getContextPath();String basePath = request.getScheme()+"://"+requ原创 2021-03-04 08:40:45 · 94 阅读 · 1 评论 -
分享一个boostrap 下一步 下一步的样式
下载地址:原创 2020-09-24 16:26:01 · 243 阅读 · 0 评论 -
ajax请求报错400,解决方案
ajax请求报错400是请求不到后台资源的。第一:排查提交的表单的name属性以及类型是否跟实体类统一。第二:检查提交到后台的数据是否转换为json字符串类型,如果没有使用JSON.stringify(param);...原创 2020-08-15 08:21:03 · 1414 阅读 · 0 评论 -
分页样式
boostrap分页样式:.pagination li a:hover{ background-color: #337ab7; color: #fff;}<div class="row clearfix"> <div class="col-md-12 column"> <ul class="pagination"> <li> ...原创 2020-08-08 14:31:11 · 846 阅读 · 0 评论 -
banner图轮播
<!DOCTYPE html><html><head><meta charset="utf-8" /><title>jQuery无缝轮播插件 - 站长素材</title><style>.example {width: 522px;height: 340px;font-size: 40px;text-align: center;margin: 20px auto;background-color: #46457.原创 2020-08-03 17:24:45 · 114 阅读 · 0 评论 -
html页面使用选择器
1.遇到几个li,设置其中一个li的左边距该如何设置?第一种情况:页面的li不是动态生成的,直接在该li上设置margin-left即可第二种情况:li是动态生成的:结构如下<div class="pro7"> <ul> <a href="#"><li >镍铬钼球墨无限冷硬(离心)</li></a> <a href="#"><li >高镍铬钼无限...原创 2020-08-03 17:23:55 · 542 阅读 · 0 评论 -
考试页面倒计时(禁止刷新)
<!DOCTYPE html><html ><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><script type="text/javascript" src="sk...原创 2020-03-07 11:49:23 · 980 阅读 · 0 评论 -
jquery下拉框带搜索框
1.开发中会遇到下拉框中的数据很多,一个个找比较麻烦,所以下拉框携带可以模糊搜索的文本框就会事半功倍。参考链接:https://blog.csdn.net/BigBoySunshine/article/details/88293931 2.首先需要引入css和js文件,由于是基于jquery的所以引入文件的时候把jquery放到最前面,如下: <script type...原创 2020-02-13 15:43:34 · 3856 阅读 · 0 评论 -
画布中实现粒子特效
画布:<div style="background-color: #2271ac;width:100%;height:100%;"> <canvas id="cas" style="z-index: 0;position:absolute;display:block;width:100%;height:100%;" ></canvas>...原创 2020-02-11 16:48:04 · 277 阅读 · 0 评论 -
jsp页面打印功能
打印功能实现:1.点击打印执行的js函数:function printfun(){ $("#djdy").html(""); var mStr; mStr = window.document.body.innerHTML; var mWindow = window; window.document.body.innerHTML =docume...原创 2020-01-13 17:05:13 · 1220 阅读 · 0 评论 -
java生成图片验证码(ssm框架)
验证码在实际应用场景中比较常见,可以有效避免黑客对系统的暴力破解和攻击。验证码原理:后台生成一串无序字母或者数字存放到session并响应到前台页面 前台页面表单填写验证码提交后台与session中存放的验证码比对前台页面:<%@ page language="java" contentType="text/html; charset=UTF-8" pageEnc...原创 2020-01-06 10:30:32 · 891 阅读 · 1 评论 -
viewer.js实现图片预览(支持旋转、缩放)
需求:在信息详情页面实现点击图片可以预览准备工作:引入jquery.js、viewer.js 、viewer.css代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>viewer.js图片预览</titl...原创 2020-01-04 16:34:18 · 1525 阅读 · 1 评论 -
layui中tree简单应用
一、项目需求:做一个组织架构一级为总队二级为中队各个中队下又分出各个小队,各小队下分支为志愿者人员--二、直接上代码 (jsp)PS:由于我的一级大队是确定的所以就直接写到了js中<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%><%String path = request....原创 2019-12-25 08:43:26 · 1055 阅读 · 0 评论 -
layui上传图片、回显、预览
jsp页面: <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%><%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+"...原创 2019-12-21 09:40:22 · 6752 阅读 · 0 评论 -
web手机端js获取用户当前详细地理位置
一、引入jquery和百度的地图api,如下所示:<script type="text/javascript" src="skin/jquery.js"></script><script src="http://api.map.baidu.com/api?v=1.2" type="text/javascript"></script>二、具...原创 2019-12-16 15:37:14 · 2447 阅读 · 0 评论 -
layui下layer弹出框(iframe)
一、使用layui弹窗需引入文件jquery.js,jquery-ui.min.css,layer.js,jquery-ui.min.js ,这些文件项目中都有,没有直接去官网下载地址:https://www.layui.com/ <link rel="stylesheet" href="<%=path %>/skin/js/bootstrap.min.css" type...原创 2019-12-14 09:19:07 · 2217 阅读 · 1 评论