
web前端
文章平均质量分 68
Fengyq0507
成长笔记本
展开
-
前端浏览器,屏幕自适应技巧以及导航技巧
1、图片:只需要设置宽度(因为图片本身已有尺寸,只需设置合适宽度,高度图片会自适应)2、图示效果实现html首页产品与服务官方博客-->关于我们联系我们css.nav_mid li{ float: left; list-style-type: none; width: 100p原创 2017-08-07 18:33:27 · 1720 阅读 · 0 评论 -
onclick传递参数
"> . " item="" onclick="modfyitem(this)" >修改 . ()" opSort="" opContent="" opScore="" onclick="modfyoption(this)" >修改 function modfyoption(e){原创 2018-01-18 15:10:24 · 874 阅读 · 0 评论 -
java数据处理与展现
样板源数据ja: [{ "orgStuNum": 1372, "yearIn": 15, "kpStuAvg": 0.08, "examDate": 1453219200000, "kpLostPer": 0.0844, "paperName": "育才_15_07_期末_英语_20160120", "kpId": 1130021,原创 2018-03-21 15:10:22 · 884 阅读 · 0 评论 -
控制用户权限
具体需求如下:教务 - 新增和校长一样的直通车功能,查看全校老师年级组长 - 直通车到本年级所有班主任和任课老师学科备课组长 - 直通车到本学科的所有老师角色对上图角色开通校内直通测功能代码if(ztc != undefined && ztc != null){ //显示直通车按钮 $('.menu_xnztc...原创 2018-04-10 14:54:45 · 250 阅读 · 0 评论 -
控制内嵌页面高度
<div class="jp_sth_cxt jp_tch_mc"> <h3 class="jp_modal_title">教师评教分析表</h3> <a class="btn btn-success jp_btn_download jp_btn_downloa...原创 2018-03-29 09:59:49 · 384 阅读 · 0 评论 -
刷新页面控制选项卡跳回默认位置
$("#examType li").eq(0).addClass("active").siblings().removeClass("active"); $("#gradeType li").eq(0).addClass("active").siblings().removeClass("active");原创 2018-08-14 13:55:26 · 684 阅读 · 0 评论 -
jQuery获取各种标签的文本和value值
1、select<select id="test"> <option value ="volvo">Volvo</option> <option value ="saab">Saab</option> <option value="opel">O原创 2018-08-16 18:25:07 · 19376 阅读 · 0 评论 -
二级联动
//年级表绑定 year_table : function() { var nou = ""; $.each(grade_data, function(index, value) { nou += `<option value="${value.yearIn}">${value.yearIn}级</option>`; }); $("#year...原创 2018-09-03 15:59:58 · 116 阅读 · 0 评论 -
复选框全选控制
<script type="text/plain" id="schClearTemplaet"> <div class="form-group" id = "clearZT"> <div class="form-check form-check-inline"> <原创 2018-09-06 11:40:19 · 379 阅读 · 0 评论 -
title属性鼠标覆盖提示框
<li class="li-lg" title="{{item.paper.paperName}}">原创 2018-09-06 13:33:13 · 521 阅读 · 0 评论 -
报表页面展示和Excel报表导出
js(function() { 'use strict'; var REPORT3003 = { offOn: true, init: function() { this.renderTable(); this.onClickStar(); this.downTemp...原创 2018-12-28 17:51:32 · 592 阅读 · 0 评论 -
JQuery清空Form表单
评教题目: 添加题目删除题目 -->原创 2018-01-05 18:55:20 · 1083 阅读 · 0 评论 -
动态添加HTML代码
选项号: 选项内容: 分值: 添加 删除 $(".itemdiv").delegate('.add',"click", function(){ var htm原创 2017-12-29 18:37:42 · 2414 阅读 · 0 评论 -
网站开发问题解答
1、margin: 0 auto;可以让div居中2、list-style-type: none;去除li标签图标3、text-decoration: none;去除a标签下划线4、display: block;强制改成块元素原创 2017-07-24 18:28:42 · 342 阅读 · 0 评论 -
FLex布局实现导航
一、要点1、display: flex;2、justify-content: center;3、align-items: center;4、justify-content: space-between;5、width: calc((100% - 1336px)*0.57);二、部分代码1、html原创 2017-08-09 11:14:16 · 3285 阅读 · 1 评论 -
公司百度地图定位
window.BMap_loadScriptTime = (new Date).getTime();//创建和初始化地图函数:function initMap(){createMap();//创建地图setMapEvent();//设置地图事件addMapControl();//向地图添加控件addMarker();//向地图中添加marker}原创 2017-08-10 10:32:10 · 556 阅读 · 0 评论 -
在HTML中插入空格的几种方式
1、 2、&ensp3、&emsp4、p.indent{padding-left:1.8em}原创 2017-07-26 17:59:53 · 4669 阅读 · 0 评论 -
图片和文字同行
文字和图片同行,加div 浮动即可阅读(2345) 分享到:原创 2017-07-27 18:11:12 · 686 阅读 · 0 评论 -
官网适配手机诀窍
1、问题点:当你开发一套网站发现未适配手机时,以下的解决方案可能会帮助到你。2、当宽度小于640px的时候加载css下的css-mobile.css当宽度大于640px的时候加载css下的css-pc.css3、通过隐藏适配pc端代码.nav_content{display: none;}.banner{display原创 2017-08-14 17:12:42 · 800 阅读 · 0 评论 -
js下拉列表添加监听事件(支持所有主流浏览器)
1、需求效果预览2、核心代码 请选择学科: 语文 数学 英语 物理 化学 历史 地理 政治 生物 do原创 2017-10-27 14:14:12 · 5274 阅读 · 0 评论 -
根据数据结构前台遍历显示数据
1、数据结构2、javascript 代码遍历 班级 姓名 学号 选课情况 全科总分 排名 主科总分原创 2017-11-24 15:31:13 · 277 阅读 · 0 评论 -
前端单选框、单选按钮、下拉列表多条件过滤数据
1、效果图2、页面渲染及控制代码 选课情况: 全科 化学-生物-地理-政治 化学-生物-历史-地理 化学-生物-历史-政治 物理-地理-政治 物理-化学-生物-地理 物理原创 2017-11-24 15:59:01 · 3163 阅读 · 0 评论 -
单选按钮切换双表格
1、效果图2、核心代码详解document.getElementById('leibie').addEventListener('change',function(){ var gid = $.url(location.href).param('gid'), exa原创 2017-11-24 16:29:43 · 697 阅读 · 0 评论 -
table表格表头合并单元格问题
1、效果图2、代码 班级 人数 总分平均分 总分平均分(折后) 语文 数学 英语 物理原创 2017-11-24 17:04:17 · 10174 阅读 · 1 评论 -
登录登出流程要点总结
1、Form表单 <form id="loginForm"> <ul> <li> <div class="signin_flex_div"> <img src="assets/img/man_icon.png" /> <input type=&原创 2019-01-15 18:03:23 · 635 阅读 · 0 评论