jquery 功能强大的下拉菜单

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">

<HTML lang=en dir=ltr xmlns="http://www.w3.org/1999/xhtml">

<HEAD>

<TITLE>测试类别</TITLE>

<META http-equiv=Content-Type content="text/html; charset=UTF-8">

<style>

BODY {

    FONT-SIZE: 11px; MARGIN: 0px; FONT-FAMILY: Verdana,Geneva,sans-serif

}

#menubox {

    CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND:#336699; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 100%; PADDING-TOP: 0px; HEIGHT: 43px

}

#menubox .menu {

    MARGIN: 0px auto; WIDTH: 960px

}

#menubox .menu UL.topNav {

    Z-INDEX: 999; FLOAT: left; POSITION: relative; HEIGHT: 30px

}

#menubox .menu UL.topNav LI.item {

    DISPLAY: inline; FONT-SIZE: 12px; BACKGROUND: url(images/esbg.png) no-repeat -676px -138px; FLOAT: left; FONT-FAMILY: Arial; HEIGHT: 35px; TEXT-ALIGN: center

}

#menubox .menu UL.topNav LI.item A {

    PADDING-RIGHT: 15px; DISPLAY: inline; PADDING-LEFT: 3px; FONT-SIZE: 12px; Z-INDEX: 5; FLOAT: left; WIDTH: 75px; COLOR: #fff; PADDING-TOP: 3px; TEXT-ALIGN: center

}

#menubox .menu UL.topNav LI.item A.menulink_text {

    LINE-HEIGHT: 28px

}

#menubox .menu UL.topNav LI.item A:hover {

    PADDING-RIGHT: 15px; DISPLAY: inline; PADDING-LEFT: 3px; FONT-SIZE: 12px; BACKGROUND: url(images/m02.gif) #0092db no-repeat right top; FLOAT: left; WIDTH: 75px; COLOR: #fff; HEIGHT: 35px; TEXT-DECORATION: none

}

#menubox .menu UL.topNav LI.item A.classA {

    PADDING-RIGHT: 15px; DISPLAY: inline; PADDING-LEFT: 3px; FONT-SIZE: 12px; BACKGROUND: url(images/m02.gif) #0092db no-repeat right top; FLOAT: left; WIDTH: 75px; COLOR: #fff; HEIGHT: 35px; TEXT-DECORATION: none

}

#menubox .menu UL.topNav LI.item .subNaviCon {

    BORDER-RIGHT: #0092db 5px solid; PADDING-RIGHT: 5px; BORDER-TOP: #0092db 5px solid; DISPLAY: none; PADDING-LEFT: 5px; Z-INDEX: 1; BACKGROUND: #fff; LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 10px; OVERFLOW: hidden; BORDER-LEFT: #0092db 5px solid; WIDTH: 940px; PADDING-TOP: 10px; BORDER-BOTTOM: #0092db 5px solid; POSITION: absolute; TOP: 38px; TEXT-ALIGN: left

}

#menubox .menu UL.topNav LI.item .subNaviCon .cataBox {

    FLOAT: left; WIDTH: 185px

}

#menubox .menu UL.topNav LI.item .subNaviCon .cataBox DT {

    FONT-WEIGHT: bold; FONT-SIZE: 12px; FLOAT: left; OVERFLOW: hidden; WIDTH: 185px; COLOR: #3f84c5; LINE-HEIGHT: 26px; BORDER-BOTTOM: #eee 1px solid

}

#menubox .menu UL.topNav LI.item .subNaviCon .cataBox DT A {

    FONT-WEIGHT: bold; FONT-SIZE: 12px; FLOAT: left; WIDTH: 185px; COLOR: #3f84c5; LINE-HEIGHT: 26px; TEXT-ALIGN: left

}

#menubox .menu UL.topNav LI.item .subNaviCon .cataBox DT A:hover {

    FONT-SIZE: 12px; BACKGROUND: none transparent scroll repeat 0% 0%; FLOAT: left; WIDTH: 185px; COLOR: #3f84c5; LINE-HEIGHT: 26px; HEIGHT: 26px; TEXT-DECORATION: underline

}

#menubox .menu UL.topNav LI.item .subNaviCon .cataBox DD {

    DISPLAY: inline; FONT-SIZE: 11px; BACKGROUND: none transparent scroll repeat 0% 0%; FLOAT: left; WIDTH: 150px; COLOR: #000; TEXT-ALIGN: left

}

#menubox .menu UL.topNav LI.item .subNaviCon .cataBox DD A {

    PADDING-RIGHT: 2px; DISPLAY: inline; PADDING-LEFT: 2px; FONT-WEIGHT: normal; FONT-SIZE: 11px; BACKGROUND: none transparent scroll repeat 0% 0%; FLOAT: left; PADDING-BOTTOM: 2px; MARGIN: 0px; OVERFLOW: hidden; WIDTH: 150px; COLOR: #000; PADDING-TOP: 2px; HEIGHT: 15px; TEXT-ALIGN: left

}

#menubox .menu UL.topNav LI.item .subNaviCon .cataBox DD A:hover {

    PADDING-RIGHT: 2px; DISPLAY: inline; PADDING-LEFT: 2px; FONT-SIZE: 11px; BACKGROUND: #eaeef5; PADDING-BOTTOM: 2px; MARGIN: 0px; OVERFLOW: hidden; WIDTH: 150px; COLOR: #1d70c0; PADDING-TOP: 2px; HEIGHT: 15px; TEXT-ALIGN: left; TEXT-DECORATION: underline

}

#menubox .menu UL.topNav LI.itemR {

    DISPLAY: block; FONT-SIZE: 12px; FLOAT: right; FONT-FAMILY: Arial; HEIGHT: 35px

}

#menubox .menu UL.topNav LI.itemR .subNaviConR {

    DISPLAY: none

}

.subNaviConR {

    Z-INDEX: 999; RIGHT: 0px; BACKGROUND: #fff; FLOAT: left; WIDTH: 220px; POSITION: absolute; TOP: 37px

}

.subNaviConR DIV {

    BORDER-RIGHT: #d15400 3px solid; BORDER-TOP: #d15400 3px solid; BACKGROUND: #fff; FLOAT: left; BORDER-LEFT: #d15400 3px solid; WIDTH: 214px; BORDER-BOTTOM: #d15400 3px solid

}

.subNaviConR DD {

    FONT-SIZE: 12px; FLOAT: left; WIDTH: 214px; COLOR: #333; LINE-HEIGHT: 20px; FONT-FAMILY: Arial

}

.subNaviConR DD A {

    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND: none transparent scroll repeat 0% 0%; FLOAT: left; PADDING-BOTTOM: 2px; WIDTH: 214px; COLOR: #333; TEXT-INDENT: 1em; PADDING-TOP: 2px; FONT-FAMILY: Arial

}

.subNaviConR DD A:hover {

    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; BACKGROUND: #fdf2e8; FLOAT: left; PADDING-BOTTOM: 2px; WIDTH: 214px; COLOR: #d15400; PADDING-TOP: 2px; FONT-FAMILY: Arial

}

#menuimg {

    MARGIN-TOP: -6px; FLOAT: left; WIDTH: 960px

}

</style>

<SCRIPT src="http://www.codefans.net/ajaxjs/jquery1.3.2.js" type=text/javascript></SCRIPT>

</HEAD>

<BODY>

<!--menu start-->

<DIV id=menubox>

<DIV class=menu>

<UL class=topNav id=topNav>

  <LI class=item><A class=menulink_text  href="#">测试大类一</A>

  <DIV class=subNaviCon><!--这里可以变为subNaviCon1-->

  <DIV class=cataBox><!--或者这里可以变为cataBox1-->

  <DT><A href="#">一级子类</A></DT>

  <DD><A href="#">二级子类一</A></DD>

  <DD><A href="#">二级子类二</A></DD>

  </DIV></DIV>

  <DIV class=clear></DIV>

   </LI>

  <LI class=item><A class=menulink_text  href="#">测试大类二</A>

  <DIV class=subNaviCon><!---这里可以变为subNaviCon2-->

  <DIV class=cataBox><!--或者这里可以变为cataBox2-->

    <DT><A href="#">一级子类</A></DT>

  <DD><A href="#">二级子类一</A></DD>

  <DD><A href="#">二级子类二</A></DD>

  </DIV></DIV>

  <DIV class=clear></DIV>

   </LI>

  <LI class=item><A class=menulink_text  href="#">测试大类三</A>

  <DIV class=subNaviCon><!--这里可以变为subNaviCon3-->

  <DIV class=cataBox><!--或者这里可以变为cataBox3-->

    <DT><A href="#">一级子类</A></DT>

  <DD><A href="#">二级子类1</A></DD>

  <DD><A href="#">二级子类2</A></DD>

  <DD><A href="#">二级子类12</A></DD>

  <DD><A href="#">二级子类13</A></DD>

  <DT><A href="#">二级子类</A></DT>

  <DD><A href="#">二级子类1</A></DD>

  <DD><A href="#">二级子类2</A></DD>

  <DT><A href="#">三级子类</A></DT>

  <DD><A href="#">三级子类11</A></DD>

  <DD><A href="#">三级子类12</A></DD>

  <DD><A href="#">三级子类13</A></DD>

  </DIV></DIV>

  <DIV class=clear></DIV>

   </LI>

</UL>

</div>

</div>

<!--menu end-->

 <script type="text/javascript">

var HOST="",firstTagLeft=$("ul#topNav li.item:first").offset().left,naviTimer,tags=[],rowNum=20,verticalNum=5;  //offset() 方法返回或设置匹配元素相对于文档的偏移（位置）

for(i=0;i<$("ul#topNav li.item").length;tags[i++]=""); 

$("ul#topNav li.item").hover(function(){$(this).addClass("focus");

$(this).children("a").addClass("classA");

var a=$(this).children("div.subNaviCon");

a.attr("id","nav_focus"); 

naviTimer=setTimeout("showSubNav();",50)},

function(){$(this).removeClass("focus");

$(this).children("a").removeClass("classA"); 

 clearTimeout(naviTimer);

 $("#nav_focus").attr("id","");

 $(this).children("div.subNaviCon").stop(true,true).slideUp("fast")});

function showSubNav()

{$("#nav_focus").stop(true,true).slideDown("fast")} //slideDown() 方法通过使用滑动效果，显示隐藏的被选元素

</script>

</body>

</html>

 

你可能感兴趣的:(jquery)

  • java毕业设计房产中介系统mybatis+源码+调试部署+系统+数据库+lw 兮兮科技 javamybatis开发语言
    java毕业设计房产中介系统mybatis+源码+调试部署+系统+数据库+lwjava毕业设计房产中介系统mybatis+源码+调试部署+系统+数据库+lw本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据库：MySQL5.7/8.0源码地址
  • 使用html+css+jquery实现3D轮播图 mini_055 jqueryhtmlcss
    还是先来看看效果图：通过效果图我们先理一下思路：首先就是需要几张图片，但只有一张是显示在我们眼前的第二步：把一张图片分成几等份，这样点击转换的时候就会分开转第三步：就是实现点击按钮切换下一张。HTML部分HTML部分首先我们需要一个盒子显示图片，然后在盒子里装入图片，你想装几张图片就可以写几个li,除了图片我们还需要一个按钮来点击。一个li的图片效果如图所示：div是当你点击下一张的时候一个div
  • 从vue-i18n来分析vue插件是如何工作的 weixin_34365635 javascriptuiViewUI
    故事背景vue-i18n是vue代码贡献量第二的vuecoreteam的一位日本小哥写的,虽是第三方插件,用起来心里也舒服.github里搜了vuei18n,结果有不少,有一些很粗糙的,甚至用jquery的lib都有六七十个star.(阻断吐槽).厉害的人明显在设计上代码上都高很多档次吧.今天的故事的主角repo是:vue-i18n与iView.在使用他们的时候报错了,查看了issue,在issu
  • Frontend - Event 事件（change、dblclick、click、keydown、addEventListener） 萝卜干榨菜酱 Fontend-事件javascripthtml5Django模板jquery前端一级二级联动下拉框select
    目录一、常用事件（一）下拉选项切换change（同理：CheckBox、RadioBox）（二）双击dblclick（三）单击click（四）键盘按下keydown（如，回车键）二、监听事件addEventListener（一）意义（二）用法（三）举例三、监听事件jQueryon举例（设置DataTable的一级二级联动下拉框）1.模板文件2.luobogan.js（公共文件）一、常用事件（一）下
  • 【Rust】——使用消息在线程之间传递数据 Y小夜 Rust（官方文档重点总结）rust开发语言后端
    博主现有专栏：C51单片机（STC89C516），c语言，c++，离散数学，算法设计与分析，数据结构，Python，Java基础，MySQL，linux，基于HTML5的网页设计及应用，Rust（官方文档重点总结），jQuery，前端vue.js，Javaweb开发，Python机器学习等主页链接：Y小夜-CSDN博客目录信道与所有权转移发送多个值并观察接收者的等待通过克隆发送者来创建多个生产者学
  • python和html和css什么关系什么区_python前端HTML和CSS入门 斤木
    前端阶段课程介绍1~4:HTML及CSS5~6:JavaScript7~10:jQuery00-知识点预习1、HTML基本结构2、HTML的常用标签3、HTML布局入门4、CSS概述5、CSS书写方式6、CSS常用选择器7、CSS常用属性01-什么是HTML？HTML是用来描述网页的一种语言。HTML指的是超文本标记语言:HyperTextMarkupLanguageHTML不是一种编程语言，而是
  • 前端难还是后端难？干了8年后端开发，我想说点实话 前端后端程序员
    前端容易吗？不容易。后端轻松吗？也不轻松。那到底哪个更难？这事还真不是一句话能说清楚的……一、先说说我个人的背景我是一个写了8年Java后端的程序员，经历过中后台系统、金融系统、ToCApp的服务端架构，也跟前端打了无数交道。从最早的jQuery到现在的Vue、React、Vite，从最早的JSP页面到现在的前后端分离，我见证了不少“变化”。我不是要拉踩谁，只是想以一个偏后端开发者的视角，聊聊我对
  • Node.js爬虫 CheerioJS ‌轻量级解析、操作和渲染HTML及XML文档 伍哥的传说 前端开发那点事node.js爬虫html
    简介‌CheerioJS‌是一个专为Node.js设计的轻量级库，用于解析、操作和渲染HTML及XML文档，语法类似Jquery。安装npminstallcheerio示例constcheerio=require("cheerio");consthtml=`ExampleHello,world!`;const$=cheerio.load(html);console.log($("h1").text
  • 【Dify精讲】第17章：前端组件定制开发 1989 前端架构pythonflaskAI编程
    引言作为一个深耕前端领域多年的老兵，我见证了从jQuery到现代框架的演进历程。当我深入Dify的前端代码库时，被其优雅的组件架构设计深深震撼。这不仅仅是一个简单的AI应用前端，更是一个展示现代前端开发最佳实践的典型案例。今天，让我们一起走进Dify的前端世界，从组件设计的角度来理解如何构建一个可维护、可扩展的企业级前端应用。一、组件开发规范1.1Dify的组件架构哲学翻开Dify的前端代码，你会
  • 图书管理系统 - jQuery与Ajax实战项目 纪彬崧Darian
    图书管理系统-jQuery与Ajax实战项目去发现同类优质开源项目:https://gitcode.com/项目简介本仓库提供了一个名为“图书管理系统.zip”的资源文件下载。该系统是一个基于jQuery和Ajax技术开发的图书管理系统，共包含10个页面。该项目适合已经学习了jQuery一个学期的读者，是我个人的jQuery基础大作业。功能特点图书管理：支持图书的增删改查操作，方便管理员对图书信息
  • 探索经典与创新的交汇：Blockrain.js —— 现代化的HTML5俄罗斯方块游戏引擎 怀琪茵Crown
    探索经典与创新的交汇：Blockrain.js——现代化的HTML5俄罗斯方块游戏引擎blockrain.jsHTML5TetrisGameforjQuery项目地址:https://gitcode.com/gh_mirrors/bl/blockrain.js在数字娱乐的浩瀚宇宙中，有一种简单而永恒的游戏——俄罗斯方块。今天，我们要介绍一款以现代技术重新诠释这一经典的开源项目——Blockrain
  • contactform7 ajax,Contact Form 7插件高级应用
    原标题：ContactForm7插件高级应用WordPress联系表单插件–ContactForm7是一款简单易用扩展性灵活的表单插件，可以自定义各式各样不同类型的表单功能，而且支持自定义接受邮件，Ajax提交和jQuery表单插件支持。可结合Akismet过滤垃圾邮件，同时也支持CAPTCHA反垃圾邮件，表单域元素支持各种最常见的：单选框、复选框、文本框、下拉菜单、按钮、文件上传等多种表单域。C
  • jQuery动态生成下拉列表并添加点击事件【简单实用】 weixin_43440301 JavaScriptjQueryAjaxjQueryAjax下拉列表
    jQuery动态生成下拉列表并添加点击事件直接上代码了，后续会贴上效果图。部门请选择部门$(function(){$.ajax({url:'/member/list',type:'POST',data:{},dataType:'json',timeout:1000,cache:false,beforeSend:LoadFunction,//加载执行方法error:erryFunction,//错误
  • jquery获取本机内网IP ipipv4
    在jquery中获取本机内网IP地址可以通过WebRTCAPI来收集本地候选IP地址，并通过正则表达式筛选出内网IP一：实现思路WebRTC获取IP：通过创建RTCPeerConnection实例，浏览器会自动收集本地网络接口的IP地址作为ICE候选。筛选内网IP：从收集到的候选IP中过滤出符合IP地址二：浏览器支持需在支持WebRTC的现代浏览器（如Chrome、Firefox）中运行三：代码实
  • YiI2+ecshop phpexcel生成下载excel订单 PHP(Mr. Hamster) #Yii2phpexcel
    前端代码注：需引入jquery下载订单document.getElementById('downloadBtn').addEventListener('click',function(event){event.preventDefault();//自定义逻辑例如：发送AJAX请求或显示下载提示constkey_words=$('input[name="key_words"]').val();con
  • DevExpress BI仪表盘集成OpenAI：实现实时对话式数据分析助手 界面开发小八哥 数据分析数据挖掘devexpressBI界面控件用户界面
    DevExtreme拥有高性能的HTML5/JavaScript小部件集合，使您可以利用现代Web开发堆栈（包括React，Angular，ASP.NETCore，jQuery，Knockout等）构建交互式的Web应用程序。从Angular和Reac，到ASP.NETCore或Vue，DevExtreme包含高性能和响应式UI小部件集合，可在传统Web和下一代移动应用程序中使用。该套件附带功能齐
  • 从达标到卓越 —— API 设计之道 阿里云云栖号 参数事件接口设计代码
    摘要：新技术层出不穷，长江后浪推前浪。在浪潮褪去后，能留下来的，是一些经典的设计思想。在前端界，以前有远近闻名的jQuery，近来有声名鹊起的Vue.js。这两者叫好又叫座的原因固然有很多，但是其中有一个共同特质不可忽视，那便是它们的API设计非常优雅。因此这次我想来谈个大课题——API设计之道。******新技术层出不穷，长江后浪推前浪。在浪潮褪去后，能留下来的，是一些经典的设计思想。在前端界，
  • Jquery笔记 Kari– jquery
    JQuery笔记文章目录JQuery笔记CSS()函数JQ操作DOMJQ访问CSS任务:比较JQ访问CSS与JS访问CSS各自优缺点JQ常用内置函数分类JQ插件JS和JQ的ajax内置函数第一个任务操作CSS样式操作元素类图片显示效果练习picture.zip第二个任务操作元素的尺寸第三个任务操作元素的位置解决布局设置元素属性JQ访问CSS样式css()JQ访问元素类addClass()JQ访问元
  • jquery和CSS3圆形倒计时特效 yt94832 jquerycss3前端
    这是一款jquery和CSS3圆形倒计时特效。该特效使用CSS对页面进行布局，生成用于倒计时的圆环，然后通过jquery代码来控制圆环的倒计时进度。预览下载使用方法在页面中引入下面的文件。HTML结构MinSec开始停止初始化插件letcircle=document.getElementById('cls');lettotal;letstart=$('#start');start.click(()
  • 前端框架实战经验深度解析：美团#房源选房项目＞＞＞Vue.js开发与跨端部署的那些事 small_wh1te_coder 前端性能优化vue前端javascriptvscodees6
    跟着codewh全套教程看源码、怼项目也有两个月了，吸取前人经验、敲了几个项目之后也小有收获：1.遇事不决：源码开怼！从js高级到jquery到各中框架，碰到底层知识、实现中的小bug不懂、调试难题.....诸多此类类似于ast生成/编译过程/lexicalEnvironment分析等底层原理性难点，直接找技术手册或找到源码分析！程序员只有刨根问底才能获得最大程度的上的进化！2.觉得记不住？多敲多
  • joomla网页加速插件 chenjie3392593 joomamootoolslibraryjqueryajaxgoogle服务器
    1、选择配置高、线路快的虚拟主机！这一点非常重要！如果你购买了一个垃圾服务器空间，那么在软件上怎么折腾，也无法弥补硬件太差的损失！2、开启Joomla缓存，设置好适当的缓存时长。安装高级缓存工具例如JotCache；3、使用外部JS库，例如：GoogleAJAXLibrary以及jQueryEasy;4、合并、压缩CSS及JS文件，清理及压缩HTML输出，例如：JCHOptimize。5、如果页面
  • 为什么ajax请求状态码为0,ajax请求状态码为0的解决办法 程涛-supertim 为什么ajax请求状态码为0
    原文链接：https://blog.csdn.net/changqing5818/article/details/53932463前言今天遇到个奇怪的问题，使用JQuery的ajax请求，后台的Controller层也接收到请求了，一切处理很正常，但是很奇怪，浏览器Debug发现，responseText是”error”，状态码是0而不是200.请求源码如下$.ajax({type:"POST",
  • OpenLayers轨迹动画 lixue7921 javascript开发语言ecmascript
    OpenLayers是一款开源的地图库，可以在Web浏览器中显示交互式地图。它可以与OpenStreetMap、GoogleMaps、BingMaps等在线地图服务集成使用。OpenLayers中的轨迹动画可以通过使用OpenLayers的Vector和FeatureAPI，结合一些JavaScript动画库，如Tween.js或jQuery，来实现。下面是一个简单的示例：1.准备地图和轨迹数据v
  • 深入理解与应用：jQuery核心概念笔记 陈马登Morden
    本文还有配套的精品资源，点击获取简介：《jQuery笔记1——深入理解与应用》是一本介绍如何使用jQuery库的书。jQuery是一个用于简化Web开发的JavaScript库，包括HTML文档遍历、事件处理、动画及Ajax交互等功能。通过实例应用，本笔记将引导读者深入理解jQuery的核心概念，并巩固学习成果。内容涵盖从基本的jQuery选择器和DOM操作到复杂的动画效果和Ajax请求处理，为W
  • 计算机毕业设计Java汽车租赁系统(源代码+数据库+系统+lw文档) 在线科技 汽车
    计算机毕业设计Java汽车租赁系统(源代码+数据库+系统+lw文档)计算机毕业设计Java汽车租赁系统(源代码+数据库+系统+lw文档)本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据库：MySQL5.7/8.0源码地址：https://p
  • Django核心知识点全景解析 python_chai jsonpython
    引言本文深入剖析Django核心组件，涵盖数据交换、异步交互、状态管理及安全认证，附完整代码示例和避坑指南！目录引言一、JSON：轻量级数据交换标准1.核心特性2.标准格式3.各语言处理方法4.常见错误示例二、AJAX：异步通信核心技术1.核心优势2.原生JS实现3.jQuery简化实现4.安全防护（CSRFToken）5.文件上传实战三、Cookie：客户端状态管理1.核心原理2.Django操
  • java毕业设计劳务外包管理系统源码+lw文档+mybatis+系统+mysql数据库+调试 銮銮科技 mybatisjava数据库
    java毕业设计劳务外包管理系统源码+lw文档+mybatis+系统+mysql数据库+调试java毕业设计劳务外包管理系统源码+lw文档+mybatis+系统+mysql数据库+调试本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据库：My
  • webpack优化：提高二次构建速度
    痛点：开发过程中改一行代码却要等webpack构建半天实在太捉急。项目背景我们的项目是@vue/cli4生成的，基于webpack和vue2开发，未使用ts。用到了很多jquery、lodash、echarts等第三方依赖。参考：@vue/cli4已经默认配置过一些优化方法了，比如为babel-loader增加cache-loder。请教了deepseek和google之后，根据项目的实际情况和当
  • WPF使用WebBrowser报脚本错误问题处理 星火燎猿 WPF桌面程序开发wpf
    前言WPF使用WebBrowser报脚本错误问题处理，我们都知道WPF自带的WebBrowser都用的IE内核，但是在特殊的条件下我们还需要用到它，比如展示纯html简单的页面。再展示主流页面的时候比如用到Jquery高级库或者VUE等当前主流站点时经常就会报JS脚本错误，在Winform里面我们一句代码就能搞定，但是WPF没有提供相关的方法，今天我们就自己来实现一个扩展方法来实现。最终我们也能一
  • jquery根据日期算周次 Let dreams fly jqueryjs根据日期算周次jquery根据日期算周次
    jquery根据日期算周次$(function(){functionddd(types){vartext="";switch(types){case1:text="星期一";break;case2:text="星期二";break;case3:text="星期三";break;case4:text="星期四";break;case5:text="星期五";break;case6:text="星期六
  • Spring4.1新特性——综述 jinnianshilongnian spring 4.1
    目录 Spring4.1新特性——综述 Spring4.1新特性——Spring核心部分及其他 Spring4.1新特性——Spring缓存框架增强 Spring4.1新特性——异步调用和事件机制的异常处理 Spring4.1新特性——数据库集成测试脚本初始化 Spring4.1新特性——Spring MVC增强 Spring4.1新特性——页面自动化测试框架Spring MVC T
  • Schema与数据类型优化 annan211 数据结构mysql
    目前商城的数据库设计真是一塌糊涂，表堆叠让人不忍直视，无脑的架构师，说了也不听。 在数据库设计之初，就应该仔细揣摩可能会有哪些查询，有没有更复杂的查询，而不是仅仅突出 很表面的业务需求，这样做会让你的数据库性能成倍提高，当然，丑陋的架构师是不会这样去考虑问题的。 选择优化的数据类型 1 更小的通常更好 更小的数据类型通常更快，因为他们占用更少的磁盘、内存和cpu缓存，
  • 第一节 HTML概要学习 chenke htmlWebcss
    第一节 HTML概要学习 1. 什么是HTML HTML是英文Hyper Text Mark-up Language(超文本标记语言)的缩写，它规定了自己的语法规则，用来表示比“文本”更丰富的意义，比如图片，表格，链接等。浏览器（IE,FireFox等）软件知道HTML语言的语法，可以用来查看HTML文档。目前互联网上的绝大部分网页都是使用HTML编写的。 打开记事本 输入一下内
  • MyEclipse里部分习惯的更改 Array_06 eclipse
    继续补充中---------------------- 1.更改自己合适快捷键windows-->prefences-->java-->editor-->Content Assist-->      Activation triggers for java的右侧“.”就可以改变常用的快捷键 选中 Text
  • 近一个月的面试总结 cugfy 面试
    本文是在学习中的总结，欢迎转载但请注明出处：http://blog.csdn.net/pistolove/article/details/46753275 前言       打算换个工作，近一个月面试了不少的公司，下面将一些面试经验和思考分享给大家。另外校招也快要开始了，为在校的学生提供一些经验供参考，希望都能找到满意的工作。 
  • HTML5一个小迷宫游戏 357029540 html5
         通过《HTML5游戏开发》摘抄了一个小迷宫游戏，感觉还不错，可以画画，写字，把摘抄的代码放上来分享下，喜欢的同学可以拿来玩玩！ <html> <head> <title>创建运行迷宫</title> <script type="text/javascript"
  • 10步教你上传githib数据 张亚雄 git
    官方的教学还有其他博客里教的都是给懂的人说得，对已我们这样对我大菜鸟只能这么来锻炼，下面先不玩什么深奥的，先暂时用着10步干净利索。等玩顺溜了再用其他的方法。 操作过程（查看本目录下有哪些文件NO.1）ls （跳转到子目录NO.2）cd+空格+目录 （继续NO.3）ls （匹配到子目录NO.4）cd+ 目录首写字母+tab键+（首写字母“直到你所用文件根就不再按TAB键了”） （查看文件
  • MongoDB常用操作命令大全 adminjun mongodb操作命令
    成功启动MongoDB后，再打开一个命令行窗口输入mongo，就可以进行数据库的一些操作。输入help可以看到基本操作命令，只是MongoDB没有创建数据库的命令，但有类似的命令 如：如果你想创建一个“myTest”的数据库，先运行use myTest命令，之后就做一些操作（如：db.createCollection('user')）,这样就可以创建一个名叫“myTest”的数据库。 一
  • bat调用jar包并传入多个参数 aijuans
    下面的主程序是通过eclipse写的： 1.在Main函数接收bat文件传递的参数（String[] args）  如：   String ip =args[0];          String user=args[1];       &nbs
  • Java中对类的主动引用和被动引用 ayaoxinchao java主动引用对类的引用被动引用类初始化
      在Java代码中，有些类看上去初始化了，但其实没有。例如定义一定长度某一类型的数组，看上去数组中所有的元素已经被初始化，实际上一个都没有。对于类的初始化，虚拟机规范严格规定了只有对该类进行主动引用时，才会触发。而除此之外的所有引用方式称之为对类的被动引用，不会触发类的初始化。虚拟机规范严格地规定了有且仅有四种情况是对类的主动引用，即必须立即对类进行初始化。四种情况如下：1.遇到ne
  • 导出数据库 提示 outfile disabled BigBird2012 mysql
    在windows控制台下，登陆mysql，备份数据库：   mysql>mysqldump -u root -p test test > D:\test.sql 使用命令 mysqldump 格式如下： mysqldump -u root -p *** DBNAME > E:\\test.sql。 注意：执行该命令的时候不要进入mysql的控制台再使用，这样会报
  • Javascript 中的 && 和 || bijian1013 JavaScript&&||
            准备两个对象用于下面的讨论 var alice = { name: "alice", toString: function () { return this.name; } } var smith = { name: "smith",
  • [Zookeeper学习笔记之四]Zookeeper Client Library会话重建 bit1129 zookeeper
    为了说明问题，先来看个简单的示例代码：   package com.tom.zookeeper.book; import com.tom.Host; import org.apache.zookeeper.WatchedEvent; import org.apache.zookeeper.ZooKeeper; import org.apache.zookeeper.Wat
  • 【Scala十一】Scala核心五：case模式匹配 bit1129 scala
    package spark.examples.scala.grammars.caseclasses object CaseClass_Test00 { def simpleMatch(arg: Any) = arg match { case v: Int => "This is an Int" case v: (Int, String)
  • 运维的一些面试题 yuxianhua linux
    1、Linux挂载Winodws共享文件夹   mount -t cifs //1.1.1.254/ok /var/tmp/share/ -o username=administrator,password=yourpass 或 mount -t cifs -o username=xxx,password=xxxx //1.1.1.1/a /win    
  • Java lang包-Boolean BrokenDreams boolean
             Boolean类是Java中基本类型boolean的包装类。这个类比较简单，直接看源代码吧。 public final class Boolean implements java.io.Serializable,
  • 读《研磨设计模式》-代码笔记-命令模式-Command bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.util.ArrayList; import java.util.Collection; import java.util.List; /** * GOF 在《设计模式》一书中阐述命令模式的意图：“将一个请求封装
  • matlab下GPU编程笔记 cherishLC matlab
    不多说，直接上代码 gpuDevice % 查看系统中的gpu,,其中的DeviceSupported会给出matlab支持的GPU个数。 g=gpuDevice(1); %会清空 GPU 1中的所有数据,,将GPU1 设为当前GPU reset(g) %也可以清空GPU中数据。 a=1; a=gpuArray(a); %将a从CPU移到GPU中 onGP
  • SVN安装过程 crabdave SVN
    SVN安装过程   subversion-1.6.12   ./configure --prefix=/usr/local/subversion --with-apxs=/usr/local/apache2/bin/apxs --with-apr=/usr/local/apr --with-apr-util=/usr/local/apr --with-openssl=/
  • sql　行列转换 daizj sql行列转换行转列列转行
    行转列的思想是通过case when 来实现 列转行的思想是通过union all 来实现 下面具体例子： 假设有张学生成绩表(tb)如下: Name Subject Result 张三 语文　　74 张三 数学　　83 张三 物理　　93 李四 语文　　74 李四 数学　　84 李四 物理　　94 */ /* 想变成 姓名   &
  • MySQL--主从配置 dcj3sjt126com mysql
    linux下的mysql主从配置： 说明：由于MySQL不同版本之间的(二进制日志)binlog格式可能会不一样，因此最好的搭配组合是Master的MySQL版本和Slave的版本相同或者更低， Master的版本肯定不能高于Slave版本。（版本向下兼容） mysql1  : 192.168.100.1    //master mysq
  • 关于yii 数据库添加新字段之后model类的修改 dcj3sjt126com Model
    rules: array('新字段','safe','on'=>'search') 1、array('新字段', 'safe')//这个如果是要用户输入的话，要加一下， 2、array('新字段', 'numerical'),//如果是数字的话 3、array('新字段', 'length', 'max'=>100),//如果是文本 1、2、3适当的最少要加一条，新字段才会被
  • sublime text3 中文乱码解决 dyy_gusi Sublime Text
    sublime text3中文乱码解决 原因：缺少转换为UTF-8的插件 目的：安装ConvertToUTF8插件包 第一步：安装能自动安装插件的插件，百度“Codecs33”，然后按照步骤可以得到以下一段代码： import urllib.request,os,hashlib; h = 'eb2297e1a458f27d836c04bb0cbaf282' + 'd0e7a30980927
  • 概念了解：CGI，FastCGI，PHP-CGI与PHP-FPM geeksun PHP
    CGI CGI全称是“公共网关接口”(Common Gateway Interface)，HTTP服务器与你的或其它机器上的程序进行“交谈”的一种工具，其程序须运行在网络服务器上。 CGI可以用任何一种语言编写，只要这种语言具有标准输入、输出和环境变量。如php,perl,tcl等。 FastCGI FastCGI像是一个常驻(long-live)型的CGI，它可以一直执行着，只要激活后，不
  • Git push 报错 "error: failed to push some refs to " 解决 hongtoushizi git
    Git push 报错 "error: failed to push some refs to " . 此问题出现的原因是：由于远程仓库中代码版本与本地不一致冲突导致的。 由于我在第一次git pull --rebase 代码后，准备push的时候，有别人往线上又提交了代码。所以出现此问题。 解决方案： 1： git pull    2：
  • 第四章 Lua模块开发 jinnianshilongnian nginxlua
    在实际开发中，不可能把所有代码写到一个大而全的lua文件中，需要进行分模块开发；而且模块化是高性能Lua应用的关键。使用require第一次导入模块后，所有Nginx 进程全局共享模块的数据和代码，每个Worker进程需要时会得到此模块的一个副本（Copy-On-Write），即模块可以认为是每Worker进程共享而不是每Nginx Server共享；另外注意之前我们使用init_by_lua中初
  • java.lang.reflect.Proxy liyonghui160com
      1.简介   Proxy 提供用于创建动态代理类和实例的静态方法 （1）动态代理类的属性 代理类是公共的、最终的，而不是抽象的 未指定代理类的非限定名称。但是，以字符串 "$Proxy" 开头的类名空间应该为代理类保留 代理类扩展 java.lang.reflect.Proxy 代理类会按同一顺序准确地实现其创建时指定的接口
  • Java中getResourceAsStream的用法 pda158 java
    1.Java中的getResourceAsStream有以下几种： 1. Class.getResourceAsStream(String path) ： path 不以’/'开头时默认是从此类所在的包下取资源，以’/'开头则是从ClassPath根下获取。其只是通过path构造一个绝对路径，最终还是由ClassLoader获取资源。 　　2. Class.getClassLoader.get
  • spring 包官方下载地址（非maven） sinnk spring
    SPRING官方网站改版后，建议都是通过 Maven和Gradle下载，对不使用Maven和Gradle开发项目的，下载就非常麻烦，下给出Spring Framework jar官方直接下载路径:   http://repo.springsource.org/libs-release-local/org/springframework/spring/   s
  • Oracle学习笔记(7) 开发PLSQL子程序和包 vipbooks oraclesql编程
        哈哈，清明节放假回去了一下，真是太好了，回家的感觉真好啊！现在又开始出差之旅了，又好久没有来了，今天继续Oracle的学习！      这是第七章的学习笔记，学习完第六章的动态SQL之后，开始要学习子程序和包的使用了……，希望大家能多给俺一些支持啊！     编程时使用的工具是PLSQL
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他