计划
计划

jQuery+css3侧边栏导航菜单

效果体验：http://hovertree.com/texiao/jquery/37/

代码如下：

<!doctype html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>jQuery和CSS3炫酷按钮点击波特效 - 何问起</title><base target="_blank" />


<!--主要样式-->
<style type="text/css">
* {
margin: 0;
padding: 0;
}
/*hovertreenav styles*/
.hovertreenav ul {
background: white;
border-top: 6px solid hsl(180, 40%, 60%);
width: 200px;
margin: 5em auto;
}

.hovertreenav ul li {
list-style-type: none;
/*relative positioning for list items along with overflow hidden to contain the overflowing ripple*/
position: relative;
overflow: hidden;
}

.hovertreenav ul li a {
font: normal 14px/28px Montserrat;
color: hsl(180, 40%, 40%);
display: block;
padding: 10px 15px;
text-decoration: none;
cursor: pointer; /*since the links are dummy without href values*/
/*prevent text selection*/
user-select: none;
/*static positioned elements appear behind absolutely positioned siblings(.ink in this case) hence we will make the links relatively positioned to bring them above .ink*/
position: relative;
}

/*.ink styles - the elements which will create the ripple effect. The size and position of these elements will be set by the JS code. Initially these elements will be scaled down to 0% and later animated to large fading circles on user click.*/
.hovertreenav .ink {
display: block;
position: absolute;
background: hsl(180, 40%, 80%);
border-radius: 100%;
transform: scale(0);
}
/*animation effect*/
.hovertreenav .ink.animate {
animation: ripple 0.65s linear;
}

@keyframes ripple {
/*scale the element to 250% to safely cover the entire link and fade it out*/
100% {
opacity: 0;
transform: scale(2.5);
}
}
</style>

<!--[if IE]>
<script src="http://hovertree.com/texiao/html5/4/html5shiv.min.js"></script>
<![endif]-->

</head>
<body style="background:#D1EFFE;">

<div class="hovertreenav">
<ul>
<li><a href="http://hovertree.com">何问起</a></li>
<li><a href="http://hovertree.com/menu/bootstrap/">Bootstrap</a></li>
<li><a href="http://hovertree.com/menu/jquery/">jQuery</a></li>
<li><a href="http://hovertree.com/menu/webfront/">web前端</a></li>
<li><a href="http://hovertree.com/h/bjaf/kqud99m6.htm">CSS3动画</a></li>
<li><a href="http://hovertree.com/h/bjaf/mcpnogp6.htm">HTML5红包</a></li>
<li><a>点我有水波</a></li>
</ul>
</div>

<script type="text/javascript" src="http://hovertree.com/ziyuan/jquery/jquery-1.12.1.min.js"></script>
<script type="text/javascript">
//jQuery time
var parent, ink, d, x, y;
$(".hover"+"treenav ul li a").click(function(e){
parent = $(this).parent();
//create .ink element if it doesn't exist
if(parent.find(".ink").length == 0)
parent.prepend("<span class='ink'></span>");

ink = parent.find(".ink");
//incase of quick double clicks stop the previous animation
ink.removeClass("animate");

//set size of .ink
if(!ink.height() && !ink.width())
{
//use parent's width or height whichever is larger for the diameter to make a circle which can cover the entire element.
d = Math.max(parent.outerWidth(), parent.outerHeight());
ink.css({height: d, width: d});
}

//get click coordinates
//logic = click coordinates relative to page - parent's position relative to page - half of self height/width to make it controllable from the center;
x = e.pageX - parent.offset().left - ink.width()/2;
y = e.pageY - parent.offset().top - ink.height()/2;

//set the position and add class .animate
ink.css({top: y+'px', left: x+'px'}).addClass("animate");
})
</script>

</body>
</html>

web前端汇总:http://www.cnblogs.com/jihua/p/webfront.html

你可能感兴趣的:(jQuery+css3侧边栏导航菜单)

  • 【15.4 python中，wxPython框架的BoxSizer布局】 wang151038606 python语言入门学习python开发语言
    python中，以wxPython框架为例，介绍一下BoxSizer布局在wxPython中，BoxSizer是一种常用的布局管理器，它允许你以水平或垂直的方式排列控件。BoxSizer会基于控件的请求大小以及容器中可用的空间来动态地调整控件的大小和位置。它非常适合于创建简单的一维布局，如工具栏、菜单栏或侧边栏等。在wxPython中，除了BoxSizer和GridSizer之外，还有其他几种si
  • win10和mac之间如何共享文件夹 ^_^ 纵歌 macos
    我用的mac版本是macOSVentura，其他版本的操作可能略有不同在macOSVentura上设置共享文件夹打开“系统设置”：点击屏幕左上角的苹果菜单()>系统设置。选择“通用”：在左侧边栏中找到并点击“通用”。选择“共享”：在“常规”选项下找到并点击“共享”。启用“文件共享”：在共享选项中，打开“文件共享”开关。添加共享文件夹：点击“文件共享”设置中的“信息”图标(ℹ️)。在共享文件夹列表
  • 在TCGA上下载数据并且进行处理 Red Red 生信小技巧r语言数据库
    浏览器搜索TCGAGDC进入网站在TCGA数据库主页选择“Repository”模式根据所需要的选项在侧边栏选择数据清空购物车！！第一次登陆可忽略将刚刚选择好的数据加入购物车，并且在购物车里下载Metadata和Cart数据，下载到同一个文件夹下。使用R语言脚本对数据进行处理，将其提取为genesymbol和样本的数据，推荐看一下该博主处理数据！！真的非常详细！他R语言脚本在这个链接里
  • 一款可以替代Notepad++的免费高级文本编辑器 ITdgr notepad++
    Kate文本编辑器是一款跨平台的免费高级文本编辑器，具有丰富的功能和特性。它支持标签页、代码高亮、多文件查找、垂直/水平视图、侧边栏、颜色主题等特性，类似于Notepad++。它以其多功能性和易用性广受好评。Kate支持多文档界面（MDI）和标签页，允许用户同时编辑和查看多个文件，无论是单独在一个窗口中还是在分割视图中。相较于其他文本编辑器，Kate提供了更为全面的功能和更好的跨平台支持。它的多文
  • ios 项目中设置左侧徽标 温正实 ioscocoamacos
    ////CategoryViewController.m//scxhgh////Createdbyxmkjsofton2024/7/16.//#import"CategoryViewController.h"#import"SideMenuViewController.h"//引入侧边栏控制器的头文件#import"NavigationBarUtils.h"@interfaceCategoryVi
  • streamlit如何布局 openwin_top pythonstreamlitweb数据分析
    作为streamlit的重度用户,不会布局,写出来的程序总觉的有些憋手.虽然功能不影响,但使用起来就是有些不爽.下面是几种布局方式的介绍举例.st.sidebar侧边栏侧边栏可以调整大小！拖动并放下侧边栏的右边界以调整其大小！#"with"notationwithst.sidebar:st.[element_name]importstreamlitasst#Usingobjectnotationa
  • 火狐浏览器现在可以让你在不切换标签的情况下访问你最喜欢的AI聊天机器人 - 具体方法如下 AI新智元 人工智能机器人
    希望快速使用生成式AI的Firefox用户，现在无需离开当前页面即可实现。周二发布的Firefox130版带有一个设置选项，可以将您选择的聊天机器人添加到侧边栏中。这一AI功能是设置界面中新的Firefox实验室页面的一部分，您可以通过该页面试验由Mozilla团队设计的实验功能。这一AI聊天机器人功能在六月的FirefoxNightly测试版中启动，现在正式在正式版本中亮相。另请参阅：Googl
  • VuePress 侧边栏配置与 useSidebar 实用指南 软考鸭 vitepressvitepress博客
    在VuePress中，侧边栏（Sidebar）是一个重要的组成部分，用于组织文档结构，提供给用户方便的导航体验。本文将详细介绍如何配置侧边栏，并介绍如何使用useSidebar组合式函数来操作侧边栏的状态。单一侧边栏的配置最简单的侧边栏配置方式是通过一个数组来定义导航结构。每个第一级的项目定义了一个“部分”（section），它应该包含一个文本标题（text）以及实际的导航链接（items）。例如
  • 在 Vue 3 中，如何使用 Teleport 来优化组件的 DOM 结构？ 盼盼盼 面试题vue前端vue.jsjavascriptecmascript
    在Vue3中，是一个内置组件，它允许你将组件的DOM输出到组件外部的DOM节点中。这在某些情况下可以优化组件的DOM结构，例如当你需要将弹窗、侧边栏、对话框等组件渲染到body标签的直接子元素中，而不是嵌套在当前组件的DOM结构中时。以下是如何使用来优化组件的DOM结构的步骤：确定目标DOM节点：首先，你需要在HTML中确定一个DOM节点，作为目标。通常，这个节点会有一个唯一的ID。使用包裹组件：
  • 【Material-UI】Lists组件中的Customization功能详解 Peter-Lu #material-uiuilistjavascriptMaterial-UI前端
    文章目录一、Lists组件概述1.组件介绍2.Customization的意义二、Lists组件的Customization方法1.使用主题（Theme）定制化组件2.通过`styled`API定制化组件3.样式覆盖（Overrides）三、使用案例：打造一个定制化的导航菜单四、总结在现代Web开发中，UI的定制化需求越来越高。Material-UI作为React生态系统中的顶级UI框架，提供了丰
  • SEO中的面包屑是什么？ 阿福赚美刀 搜索引擎
    SEO中的面包屑是什么？面包屑是一种在用户界面中显示用户当前位置的导航辅助工具，通常出现在网页的顶部或侧边栏。面包屑导航得名于《汉塞尔和格莱特》童话，故事中的人物创建了一条面包屑路径，以便他们可以追溯自己的脚步。就像内部链接一样，它们有助于让用户留在网站上，并帮助他们找到他们正在寻找的信息。如果他们感到迷失方向，他们可以使用面包屑链接上一级并继续在网站上的旅程，而不是点击浏览器的后退按钮。面包屑的
  • Vue2 - 详细实现解析富文本内容生成侧边栏Toc目录索引，识别富文本内容根据标题h1~h6自动生成文章目录，点击目录导航时跳转到文章内容对应的锚点位置带过渡动画，鼠标滚动内容滑过锚点时高亮对应标题 王佳斌 +Vuevue2.jsnuxt2.js根据富文本内容自动生成目录方法根据h标签标题做侧边栏导航目录vue读取富文本中的h1标题博客文章资讯新闻文章富文本富文本和目录相互联动高亮菜单
    前言如果您需要Vue3版本，请访问这篇文章。在vue2|nuxt2项目开发中，详解实现“解析识别富文本内容，并在侧边栏动态生成文章目录”，对富文本内的h1~h6标题进行读取分析（可自定义要读取的标签，支持多级标题嵌套渲染），然后在指定位置生成渲染富文本对应的文章锚点目录TOC，点击目录导航菜单时会跳转到文章内容对应的标题锚点位置并且有过渡跳转动画，另外用户浏览富文本滚动经过标题锚点时右侧目录会自动
  • 抖音团购优惠劵怎么挂？抖音退广优惠劵运营变现方法 测评君高省
    抖音团购优惠劵在哪找？如何推广优惠劵赚钱1、打开侧边栏开通抖音团购带货，需满足账号粉丝量大于等于一千人，进行申请团购带货，打开抖音我的页面，页面选择右上角三道杠图标点击打开。2、点击创作者服务中心页面弹出侧边栏窗口，页面选择创作者服务中心点击打开。3、打开全部分类翻转进入创作者服务中心页面，页面选择全部分类点击打开。现在抖音推广优惠劵需要1000粉丝，对于很多新手是个门槛，而且前期没有流量做起来也
  • vue3 使用element-plus动态渲染Icon图标 山野见 vue.jselementuijavascript
    今天使用vue3+vite重构项目的时候，构建侧边栏的时候需要动态渲染图标之前的写法是这样就可以写一个数组，动态的绑定class但是在vue3中不能这样使用官方给出的实例是这样的但是这样动态渲染就不行了，找了半天，终于看到可以使用内置的component组件//main.jsimport*asElementPlusIconsVuefrom'@element-plus/icons-vue'const
  • 响应式Web设计：纯HTML和CSS的实现技巧-2 Dingdangr 前端htmlcss
    0px){body{font-size:16px;}}@media(min-width:1201px){body{font-size:18px;}}###6.响应式导航菜单导航菜单是网站中非常重要的一部分，特别是在移动设备上，传统的水平导航菜单可能会占用太多空间，导致页面内容被压缩或遮挡。因此，创建一个响应式的导航菜单对于提升用户体验至关重要。你可以使用媒体查询和CSS来控制导航菜单的显示方式，如
  • flutter-＞Scaffold左侧/右侧侧边栏和UserAccountsDrawerHeader的使用 小刀_逸 flutter
    //appBar的leading/actions和Scaffold的drawer/endDrawer冲突只能存在一个import'package:flutter/material.dart';voidmain(){runApp(MyApp());}classMyAppextendsStatelessWidget{constMyApp({super.key});@overrideWidgetbuil
  • 有未补充的信息，强制补充 vue 暴富暴富暴富啦啦啦 前端javascript数据库
    当有未补充的信息时，登录进来要提醒补充信息，跳转到相应页面之后，无论点击什么都提示补充弹框(包括刷新时)方法：1.登录成功，将需要填写的字段存在本地或vuex中localStorage.setItem('xxx',值)2.登录进来之后，根据存在本地的字段判断是否需要弹框提示（引用全局弹框）3.找到侧边栏和页签所在，做个点击事件，如果有未补充的字段，则弹框提示localStorage.getItem
  • 【前端 VUE】vue Elemente-UI 管理后台自定义 导航菜单栏 悟空_大师兄_ vuevue
    记录管理后台侧边导航栏做成通用小组件借助Elemente-UI：侧边栏容器：导航菜单创建父组件页面aside.vue*（default-active为当前激活菜单的index，（设置为当前的路由名称this.$route.fullPath）@select事件为菜单选择触发的事件借助跳转路由并设置default-active的值）importNavMenufrom'@/components/NavM
  • python自动化测试脚本实操 单叼红中 测试用例python
    '''=====================测试woniusales进销存系统的部分功能==============================需求1（10分）：正确账号可以登录系统登录后跳转页面导航菜单右侧出现一个注销链接需求2（20分）：导航栏中每个菜单可以正确打开对应的页面,点击菜单名，打开对应的页面的URL地址正确，页面标题正确如：点击“商品入库”页面URL为http://loca
  • 抖音团购优惠劵在哪领？推广抖音团购优惠劵赚钱教程 好项目高省
    抖音团购优惠劵在哪找？如何推广优惠劵赚钱1、打开侧边栏开通抖音团购带货，需满足账号粉丝量大于等于一千人，进行申请团购带货，打开抖音我的页面，页面选择右上角三道杠图标点击打开。2、点击创作者服务中心页面弹出侧边栏窗口，页面选择创作者服务中心点击打开。3、打开全部分类翻转进入创作者服务中心页面，页面选择全部分类点击打开。现在抖音推广优惠劵需要1000粉丝，对于很多新手是个门槛，而且前期没有流量做起来也
  • Vue.js前端框架技术学习心得体会 dzsszd 前端框架vue.js学习
    Vue.js前端框架技术学习心得体会目录Vue.js前端框架技术学习心得体会一、Vue.js介绍1.易上手：2.响应式数据绑定：3.生态系统完善：4.组件化：二、Vue.js的优势三、总结四、代码1.app登陆页代码2.app侧边栏代码学习Vue.js是一次非常有价值的经历。在开始学习之前，我对前端开发有一定的了解，但Vue.js的出现让我对前端开发有了全新的认识。一、Vue.js介绍1.易上手：
  • Vue2项目使用高德地图 蜻蜓队长2068 vue.jsjavascript前端npm
    目录一、账号准备1.注册账号2.获取key二、快速上手1.安装2.创建地图3.点标记4.海量点标记5.简易行政区图6.GeoJSON三、绑定事件总结一、账号准备1.注册账号首先，注册开发者账号，成为高德开放平台开发者https://console.amap.com/dev/index2.获取key登录高德开放平台后，进入左侧边栏应用管理-我的应用，右上角创建新应用，应用名称与应用类型任意填写选择添
  • CSS二级导航菜单的实现 魅美 笔记htmlcss
    用CSS实现二级导航菜单效果如下HTML代码CSS二级导航菜单一级菜单1一级菜单2二级菜单1二级菜单2二级菜单3二级菜单4二级菜单5二级菜单6一级菜单3二级菜单1二级菜单2二级菜单3二级菜单4二级菜单5二级菜单6一级菜单4二级菜单1二级菜单2二级菜单3二级菜单4二级菜单5二级菜单6一级菜单5CSS代码*{margin:0;padding:0;}body{width:100vm;background
  • Vue3.0商店后台管理系统项目实战-vue3搭配Element Plus框架使用 祈澈菇凉
    侧边栏导航vue3搭配ElementPlus框架使用ElementPlus基于Vue3，面向设计师和开发者的组件库文档：https://element-plus.gitee.io/zh-CN/安装#NPM$npminstallelement-plus--save图片.png安装完成之后开始引入打开main.js的文件这里接口文档上是有说明的，直接根据文档上的教程来写图片.pngmain.jsimp
  • HTML-介绍-MDN文档学习笔记 LoveEmiliaForever MDN前端入门文档html学习笔记前端
    HTML-介绍查看更多学习笔记：GitHub：LoveEmiliaForeverMDN中文官网HTML-简介MDN文档引用：就其核心而言，HTML是一种相当简单的、由不同元素组成的标记语言，它可以被应用于文本片段，使文本在文档中具有不同的含义（它是段落吗？它是项目列表吗？它是表格吗？），将文档结构化为逻辑块（文档是否有头部？有三列内容？有一个导航菜单？），并且可以将图片，影像等内容嵌入到页面中。H
  • 如何在苹果Mac上删除APFS卷？ Mac123123
    如果出于某种目的在Mac上创建了新的APFS卷，也许要在其上运行其他版本的MacOS，则最终可能希望从APFS容器中删除该卷。删除APFS卷将删除该卷上的所有数据，并且这是不可逆的，因此请确保您以要删除的适当卷为目标，并确保对要保留的任何数据都有足够的备份。在修改“磁盘工具”中的任何卷或容器之前，请确保已对Mac进行了完整备份。1.在MacOS中打开磁盘实用程序，从侧边栏中选择要删除的APFS卷，
  • GPT翻译网站的加载与使用 人工智能和FPGA AI技术 gpt人工智能
    Sider:ChatGPT侧边栏+GPTs,GPT-4Turbo,联网,绘图sider.aihttps://chromewebstore.google.com/detail/sider-chatgpt%E4%BE%A7%E8%BE%B9%E6%A0%8F-±gpts-g/difoiogjjojoaoomphldepapgpbgkhkb?hl=zh-CN加入与移除第二个翻译网站https://chr
  • 点击侧边栏菜单时只切换 ＜router-view＞ 中的内容，而不是进行整个页面的路由跳转（动态路由） 娃哈哈哈哈呀 vue.jselementuijavascript
    解决方法：在的@select事件中调用了handleMenuSelect方法来处理菜单项的选择。你可以在handleMenuSelect方法中根据菜单项的index来执行相应的操作，例如更新组件内的数据或者切换组件。由于整个页面的路由路径并没有改变，因此不会触发整个页面的路由跳转，只会更新中的内容。这样就实现了只更新中内容的效果。home组件Header首页个人中心成绩管理人员管理exportde
  • H5C3提高（1） 象更 前端javascripthtmlcss
    div对搜索引擎来说没有语义。H5新增标签语义化标签头部标签导航标签内容标签定义文档某个区域侧边栏标签尾部标签可以多次使用，建议在移动端使用视频标签尽量用MP4格式格式：属性值描述autoplayautoplay自动播放（谷歌需要加muted解决）controlscontrols向用户显示播放控件widthpx播放器宽heightpx播放器高looploop播放完是否继续，循环播放posterim
  • 进入详情页，隐藏底部导航菜单 小刘先生很努力 vue.js前端javascript
    有次在写app项目时，后来客户加了个要求就是点击进入详情页的时候底部的导航栏隐藏掉，不在显示，然后就看下边操作吧。我们首先在index.js路由文件中配置我们的页面路由{path：'/detail/:id',name:'Detail',component:()=>import('../views/Detail.vue'),meta:{hideNav:true,//是否隐藏底部导航}}然后我们在Ap
  • 312个免费高速HTTP代理IP（能隐藏自己真实IP地址） yangshangchuan 高速免费superwordHTTP代理
        124.88.67.20:843 190.36.223.93:8080 117.147.221.38:8123 122.228.92.103:3128 183.247.211.159:8123 124.88.67.35:81 112.18.51.167:8123 218.28.96.39:3128 49.94.160.198:3128 183.20
  • pull解析和json编码 百合不是茶 androidpull解析json
    n.json文件: [{name:java,lan:c++,age:17},{name:android,lan:java,age:8}]   pull.xml文件 <?xml version="1.0" encoding="utf-8"?> <stu>     <name>java
  • [能源与矿产]石油与地球生态系统 comsci 能源
          按照苏联的科学界的说法,石油并非是远古的生物残骸的演变产物,而是一种可以由某些特殊地质结构和物理条件生产出来的东西,也就是说,石油是可以自增长的....       那么我们做一个猜想: 石油好像是地球的体液,我们地球具有自动产生石油的某种机制,只要我们不过量开采石油,并保护好
  • 类与对象浅谈 沐刃青蛟 java基础
           类，字面理解，便是同一种事物的总称，比如人类，是对世界上所有人的一个总称。而对象，便是类的具体化，实例化，是一个具体事物，比如张飞这个人，就是人类的一个对象。但要注意的是：张飞这个人是对象，而不是张飞，张飞只是他这个人的名字，是他的属性而已。而一个类中包含了属性和方法这两兄弟，他们分别用来描述对象的行为和性质（感觉应该是
  • 新站开始被收录后，我们应该做什么？ IT独行者 PHPseo
    新站开始被收录后，我们应该做什么？         百度终于开始收录自己的网站了，作为站长，你是不是觉得那一刻很有成就感呢，同时，你是不是又很茫然，不知道下一步该做什么了？至少我当初就是这样，在这里和大家一份分享一下新站收录后，我们要做哪些工作。       至于如何让百度快速收录自己的网站，可以参考我之前的帖子《新站让百
  • oracle 连接碰到的问题 文强chu oracle
    Unable to find a java Virtual Machine－－安装64位版Oracle11gR2后无法启动SQLDeveloper的解决方案 作者：草根IT网 来源：未知 人气：813标签： 导读：安装64位版Oracle11gR2后发现启动SQLDeveloper时弹出配置java.exe的路径，找到Oracle自带java.exe后产生的路径“C:\app\用户名\prod
  • Swing中按ctrl键同时移动鼠标拖动组件（类中多借口共享同一数据） 小桔子 java继承swing接口监听
            都知道java中类只能单继承，但可以实现多个接口，但我发现实现多个接口之后，多个接口却不能共享同一个数据，应用开发中想实现：当用户按着ctrl键时，可以用鼠标点击拖动组件，比如说文本框。 编写一个监听实现KeyListener,NouseListener,MouseMotionListener三个接口，重写方法。定义一个全局变量boolea
  • linux常用的命令 aichenglong linux常用命令
    1 startx切换到图形化界面 2 man命令:查看帮助信息 man 需要查看的命令,man命令提供了大量的帮助信息,一般可以分成4个部分 name:对命令的简单说明 synopsis:命令的使用格式说明 description:命令的详细说明信息 options:命令的各项说明 3 date:显示时间 语法：date [OPTION]... [+FORMAT]
  • eclipse内存优化 AILIKES javaeclipsejvmjdk
    一 基本说明      在JVM中，总体上分2块内存区,默认空余堆内存小于 40%时，JVM就会增大堆直到-Xmx的最大限制；空余堆内存大于70%时，JVM会减少堆直到-Xms的最小限制。     1)堆内存(Heap memory):堆是运行时数据区域，所有类实例和数组的内存均从此处分配,是Java代码可及的内存，是留给开发人
  • 关键字的使用探讨 百合不是茶 关键字
    //关键字的使用探讨/*访问关键词private 只能在本类中访问public 只能在本工程中访问protected 只能在包中和子类中访问默认的 只能在包中访问*//*final   类 方法 变量 final 类 不能被继承 final 方法 不能被子类覆盖，但可以继承 final 变量 只能有一次赋值，赋值后不能改变 final 不能用来修饰构造方法*///this()
  • JS中定义对象的几种方式 bijian1013 js
        1. 基于已有对象扩充其对象和方法(只适合于临时的生成一个对象)： <html> <head> <title>基于已有对象扩充其对象和方法(只适合于临时的生成一个对象)</title> </head> <script> var obj = new Object();
  • 表驱动法实例 bijian1013 java表驱动法TDD
    获得月的天数是典型的直接访问驱动表方式的实例，下面我们来展示一下： MonthDaysTest.java package com.study.test; import org.junit.Assert; import org.junit.Test; import com.study.MonthDays; public class MonthDaysTest { @T
  • LInux启停重启常用服务器的脚本 bit1129 linux
    启动，停止和重启常用服务器的Bash脚本，对于每个服务器，需要根据实际的安装路径做相应的修改   #! /bin/bash Servers=(Apache2, Nginx, Resin, Tomcat, Couchbase, SVN, ActiveMQ, Mongo); Ops=(Start, Stop, Restart); currentDir=$(pwd); echo
  • 【HBase六】REST操作HBase bit1129 hbase
    HBase提供了REST风格的服务方便查看HBase集群的信息，以及执行增删改查操作   1. 启动和停止HBase REST 服务 1.1 启动REST服务 前台启动（默认端口号8080） [hadoop@hadoop bin]$ ./hbase rest start   后台启动 hbase-daemon.sh start rest   启动时指定
  • 大话zabbix 3.0设计假设 ronin47
    What’s new in Zabbix 2.0? 去年开始使用Zabbix的时候，是1.8.X的版本，今年Zabbix已经跨入了2.0的时代。看了2.0的release notes，和performance相关的有下面几个：          :: Performance improvements::Trigger related da
  • http错误码大全 byalias http协议javaweb
    响应码由三位十进制数字组成，它们出现在由HTTP服务器发送的响应的第一行。 响应码分五种类型，由它们的第一位数字表示： 1）1xx：信息，请求收到，继续处理 2）2xx：成功，行为被成功地接受、理解和采纳 3）3xx：重定向，为了完成请求，必须进一步执行的动作 4）4xx：客户端错误，请求包含语法错误或者请求无法实现 5）5xx：服务器错误，服务器不能实现一种明显无效的请求
  • J2EE设计模式-Intercepting Filter bylijinnan java设计模式数据结构
    Intercepting Filter类似于职责链模式 有两种实现 其中一种是Filter之间没有联系，全部Filter都存放在FilterChain中，由FilterChain来有序或无序地把把所有Filter调用一遍。没有用到链表这种数据结构。示例如下： package com.ljn.filter.custom; import java.util.ArrayList;
  • 修改jboss端口 chicony jboss
    修改jboss端口   %JBOSS_HOME%\server\{服务实例名}\conf\bindingservice.beans\META-INF\bindings-jboss-beans.xml   中找到 <!-- The ports-default bindings are obtained by taking the base bindin
  • c++ 用类模版实现数组类 CrazyMizzz C++
    最近c++学到数组类，写了代码将他实现，基本具有vector类的功能 #include<iostream> #include<string> #include<cassert> using namespace std; template<class T> class Array { public: //构造函数
  • hadoop dfs.datanode.du.reserved 预留空间配置方法 daizj hadoop预留空间
    对于datanode配置预留空间的方法 为：在hdfs-site.xml添加如下配置  <property>     <name>dfs.datanode.du.reserved</name>     <value>10737418240</value>    
  • mysql远程访问的设置 dcj3sjt126com mysql防火墙
    第一步: 激活网络设置 你需要编辑mysql配置文件my.cnf. 通常状况，my.cnf放置于在以下目录： /etc/mysql/my.cnf (Debian linux) /etc/my.cnf （Red Hat Linux/Fedora Linux) /var/db/mysql/my.cnf (FreeBSD) 然后用vi编辑my.cnf，修改内容从以下行： [mysqld] 你所需要: 1
  • ios 使用特定的popToViewController返回到相应的Controller dcj3sjt126com controller
    1、取navigationCtroller中的Controllers NSArray * ctrlArray = self.navigationController.viewControllers; 2、取出后，执行， [self.navigationController popToViewController:[ctrlArray objectAtIndex:0] animated:YES
  • Linux正则表达式和通配符的区别 eksliang 正则表达式通配符和正则表达式的区别通配符
    转载请出自出处：http://eksliang.iteye.com/blog/1976579 首先得明白二者是截然不同的 通配符只能用在shell命令中,用来处理字符串的的匹配。 判断一个命令是否为bash shell(linux 默认的shell)的内置命令 type -t commad 返回结果含义 file  表示为外部命令 alias  表示该
  • Ubuntu Mysql Install and CONF gengzg Install
    http://www.navicat.com.cn/download/navicat-for-mysql Step1: 下载Navicat ，网址：http://www.navicat.com/en/download/download.html Step2：进入下载目录，解压压缩包：tar -zxvf navicat11_mysql_en.tar.gz
  • 批处理，删除文件bat huqiji windowsdos
    @echo off ::演示：删除指定路径下指定天数之前（以文件名中包含的日期字符串为准）的文件。 ::如果演示结果无误，把del前面的echo去掉，即可实现真正删除。 ::本例假设文件名中包含的日期字符串（比如：bak-2009-12-25.log） rem 指定待删除文件的存放路径 set SrcDir=C:/Test/BatHome rem 指定天数 set DaysAgo=1
  • 跨浏览器兼容的HTML5视频音频播放器 天梯梦 html5
    HTML5的video和audio标签是用来在网页中加入视频和音频的标签，在支持html5的浏览器中不需要预先加载Adobe Flash浏览器插件就能轻松快速的播放视频和音频文件。而html5media.js可以在不支持html5的浏览器上使video和audio标签生效。   How to enable <video> and <audio> tags in
  • Bundle自定义数据传递 hm4123660 androidSerializable自定义数据传递BundleParcelable
          我们都知道Bundle可能过put****()方法添加各种基本类型的数据，Intent也可以通过putExtras(Bundle)将数据添加进去，然后通过startActivity()跳到下一下Activity的时候就把数据也传到下一个Activity了。如传递一个字符串到下一个Activity   把数据放到Intent
  • C＃：异步编程和线程的使用（.NET 4.5 ） powertoolsteam .net线程C#异步编程
    异步编程和线程处理是并发或并行编程非常重要的功能特征。为了实现异步编程，可使用线程也可以不用。将异步与线程同时讲，将有助于我们更好的理解它们的特征。 本文中涉及关键知识点 1. 异步编程 2. 线程的使用 3. 基于任务的异步模式 4. 并行编程 5. 总结 异步编程 什么是异步操作？异步操作是指某些操作能够独立运行，不依赖主流程或主其他处理流程。通常情况下，C＃程序
  • spark 查看 job history 日志 Stark_Summer 日志sparkhistoryjob
    SPARK_HOME/conf 下: spark-defaults.conf 增加如下内容 spark.eventLog.enabled true spark.eventLog.dir hdfs://master:8020/var/log/spark spark.eventLog.compress true spark-env.sh 增加如下内容 export SP
  • SSH框架搭建 wangxiukai2015eye springHibernatestruts
    MyEclipse搭建SSH框架 Struts Spring Hibernate 1、new一个web project。 2、右键项目，为项目添加Struts支持。    选择Struts2 Core Libraries -<MyEclipes-Library>      点击Finish。src目录下多了struts
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他