Sprite_code
Sprite_code

竖排手风琴和横排手风琴

  • *

一、竖排手风琴

HTML代码

`<body>
    <div class="container">
        <div class="wrap clearfix">
            <div class="tab">
                <a href="#" class="on">01a>
                <a href="#">02a>
                <a href="#">03a>
                <a href="#">04a>
            div>
            <ul>
                <li>
                    <a href="#"><img src="img/IMG_4288.JPG"/>a>
                    <span><a href="#">01a>span>
                li>
                <li>
                    <a href="#"><img src="img/IMG_4289.JPG"/>a>
                    <span><a href="#">02a>span>
                li>
                <li>
                    <a href="#"><img src="img/IMG_4290.JPG"/>a>
                    <span><a href="#">03a>span>
                li>
                <li>
                    <a href="#"><img src="img/IMG_4291.JPG"/>a>
                    <span><a href="#">04a>span>
                li>
            ul>
        div>
    div>
body>

CSS代码

*{margin:0;padding:0;}
ul,li{list-style: none;display: block;}
a{text-decoration:none; font-size:20px;color: #302833;}
.clearfix:after{content: '';display: block;height: 0;visibility: hidden;clear: both;}
.container{width:800px;margin: 0 auto;margin-top: 40px;}
.wrap{width:650px;margin:0 auto;padding:5px;
 position: relative;height:565px;

overflow: hidden;/*重点*/

}       
.tab{width:100px;float:left;text-align: center;margin-right: 10px;}
.tab a{display: block;height: 120px;line-height: 120px;margin-bottom: 28px;background: bisque;}
.tab a:last-child{margin:0;}
.tab a.on {background-color:#ff8c10; cursor:pointer;}   
.container ul{width:540px; position: absolute;top:0;right:0; }
ul li{background: beige;}
img{display: block;margin: 0 auto;padding-top: 15px;}
span a{display: block;height: 50px;line-height: 50px;text-align: center;}

JS代码

<script src="../js/jquery-1.8.3.min.js">script>
<script>
    $(function(){
        var box=$(".wrap"),  //  大盒子
        aBtns=box.find(">div.tab>a");  //  获取a标签
        uls=box.find("ul");   // 找ul
        p=0;                 //  指示
        aBtns.each(function(index,aBtn){
            aBtn=$(aBtn);  // 相当于 $(this)
            aBtn.mouseenter(function(){
            if(index !=p){// 1 2 3
                $(aBtns[p]).removeClass("on"); // 移出默认
                aBtn.addClass("on");//  给当前 指示（a链接） 设置
                p=index;// 更新p 移除默认样式 
                uls.stop().animate({
                    "top":-565*index+"px"
                },300)
            }
        })
     }).eq(0).mouseenter()

    })
script>

竖排手风琴和横排手风琴_第1张图片

                         图1 就是竖排手风琴的效果

二、横排手风琴

HTML代码

<body>
<div id="nav">
    <ul class="clearfix">
        <li>
            <h3 class="a">MP3h3>
            <div class="none">
                <img src="img/apple_1_bigger.jpg"/>
            div>
        li>
        <li>
            <h3 class="b">MP5h3>
            <div>
                <img src="img/apple_2_bigger.jpg"/>
            div>
        li>
        <li>
            <h3 class="c">手机h3>
            <div class="none">
                <img src="img/apple_3_bigger.jpg"/>
            div>
        li>
        <li>
            <h3 class="d">笔记本h3>
            <div class="none">
                <img src="img/apple_4_bigger.jpg"/>
            div>
        li>
    ul>
div>
body>

CSS代码

*{margin:0; padding:0;}
        img{border:0; cursor:pointer;}
        .clearfix:after{display:block; height:0; line-height:0; clear:both; visibility:hidden;
            content: '.';}
        ul,li{display:block;}
        body{font-size:14px; font-family:"microsoft yahei";}
        #nav{width:800px; margin:100px auto;}
        #nav ul li{float:left;}
        #nav ul li h3{display:block; width:100px; height:300px; float:left;
            text-align:center; line-height:300px; font-size:30px; cursor:pointer;}
        .a{background:greenyellow}
        .b{background:yellow}
        .c{background:orange}
        .d{background:paleturquoise}
        #nav ul li div{width:400px; height:300px; float:left;}
        .none{display:none;}
        .block{display:block !important;}

JS代码

<script src="js/jquery-1.11.3.js">script>
    <script>
        $(function(){
            $("h3").click(function(){
                $(this).next().addClass("block").end().parent().siblings().children("div").attr("class","none")
            })
        })
    script>

竖排手风琴和横排手风琴_第2张图片

        图2 就是横排手风琴的效果

你可能感兴趣的:(JS/JQ效果,手风琴,横排手风琴,竖排手风琴,JQ)

  • Notepad++将json字符串格式化 张某人想退休 其他
    1、打开插件管理器：插件-插件管理；2、找到JSONViewer，点击安装3、全选要格式化的json字符串，选择“JSONViewer”菜单中“FormatJSON”或按快捷键“Ctrl+Alt+Shift+M”，进行格式化
  • 3.1-python爬虫之文件存储 Nosimper python爬虫学习笔记字符串列表pythoncsvjson
    系列文章目录python爬虫目录文章目录系列文章目录前言一、json文件处理1、什么是json2、JSON支持数据格式3、字典和列表转JSONpython对象转json字符串:dumpspython对象转json文件:dumpjson字符串转成Python对象：loadsjson文件转成Python对象：load二、csv文件处理1、什么是csv2、CSV读写操作python数据写到csv文件读取
  • Python文件操作(json、csv、tsv、excel、pickle文件序列化) herosunly 机器学习入门之工具篇Python新手快速入门python文件操作
      大家好，我是herosunly。985院校硕士毕业，现担任算法研究员一职，热衷于机器学习算法研究与应用。曾获得阿里云天池比赛第一名，CCF比赛第二名，科大讯飞比赛第三名。拥有多项发明专利。对机器学习和深度学习拥有自己独到的见解。曾经辅导过若干个非计算机专业的学生进入到算法行业就业。希望和大家一起成长进步。  本文主要介绍了Python文件操作(json、csv、tsv、excel、pickle
  • 推荐文章：轻触未来 —— 深度解析Angular Toggle Switch 喻建涛
    推荐文章：轻触未来——深度解析AngularToggleSwitchangular-toggle-switchAngularJSToggleSwitch项目地址:https://gitcode.com/gh_mirrors/an/angular-toggle-switch在数字化时代，用户体验的细腻之处往往成为应用脱颖而出的关键。今天，我们为您介绍一款专为AngularJS打造的精致开关组件——A
  • **让表单设计从未如此优雅——Vue Formly深度解析** 孙爽知Kody
    让表单设计从未如此优雅——VueFormly深度解析vue-formlyJavaScriptpoweredformsforVue.js项目地址:https://gitcode.com/gh_mirrors/vu/vue-formly在Web开发中，处理复杂的表单逻辑往往让人头疼。无论是数据验证还是界面的统一风格，都需要开发者花费大量精力来维护代码的一致性和效率。今天，我们要向大家推荐一个强大的表单
  • chrome游览器JSON Formatter插件无效问题排查，FastJsonHttpMessageConverter导致Content-Type返回不正确 chengpei147 chromejson前端javaspringboot
    问题描述chrome游览器又一款JSON插件叫JSONFormatter，游览器GET请求调用接口时，如果返回的数据是json格式，则会自动格式化展示，类似这样：但是今天突然发现怎么也格式化不了，打开一个json文件倒是可以格式化，但是请求接口返回json就是无法格式化问题原因反复卸载重装插件都没有解决，所以想到会不是接口返回的数据有问题，排查发现接口返回的ResponseHeaders中cont
  • 我从 2024 年的 LLM 应用开发实践中学到了什么？Part 1
    编者按："为什么明明选择了最先进的大语言模型，构建的AI产品却总是无法达到预期效果？"——这大概是今年众多技术团队都在苦恼的问题。从选择合适的商业场景，到组建专业团队，再到技术架构设计，每一步都充满挑战。一个错误的决策，可能导致数月的努力付诸东流，更遑论昂贵的模型调用成本。本文作者凭借近十年的Web应用和云原生开发经验，以及2024年深度参与LLM应用开发的第一手经历，为我们揭示了一个重要发现：成
  • firefox屏蔽debugger() dfh00l firefox前端
    有些网站为了防止调试,在js里加入很多debugger()语句,动态生成代码,定时执行.手动设置断点无效.解决方案,一种是在js编译的时候,直接内容替换把所有debugger()替换成空,还可以直接屏蔽debugger()语句,firefox里debugger()语句是单独一个断点类型(DebuggerStatement)源码:FIREFOX_118_0b8_RELEASE里修改是这样的diff-
  • MongoDB vs Redis：相似与区别 码畜sokach mongodbredis数据库
    前言在当今的数据库领域，MongoDB和Redis都是备受关注的非关系型数据库（NoSQL），它们各自具有独特的优势和适用场景。本文将深入探讨MongoDB和Redis的特点，并详细对比它们之间的相似之处和区别，帮助你更好地选择适合自己项目的数据库。一、MongoDB简介1.1什么是MongoDBMongoDB是一个面向文档的数据库管理系统，它使用BSON（BinaryJSON）格式存储数据。这种
  • 使用napi node_使用Napi / node-addon-api和Cmake的独立于Node.js版本的C ++ Native Addon weixin_26738395 vueViewUI
    使用napinodeThisisatutorialforc++Node-addon-api/Napiaddonusingcmake.Napimakesitindependentofnode.jsversion,meansouraddonwillbecompatiblewithallfutureversionofnode.js.Cmakeisacross-platformcodecompilingt
  • Python实现新春烟花（渐变效果） 南风过闲庭 pygamepython开发语言
    过年了~，给大伙放个电子烟花庆祝一下，祝大家新春快乐！来年：蛇行千里步步高，财聚八方滚滚来！importpygameimportrandomimportmathimportsysfrompygame.localsimport*#初始化pygame.init()pygame.mixer.init()WIDTH,HEIGHT=800,600screen=pygame.display.set_mode(
  • BPMN.js详解 GISer_Jinger Javascript前端基础项目javascript开发语言ecmascript
    bpmn.js是一个基于JavaScript的开源库，它允许开发者在Web应用程序中创建、查看和编辑BPMN2.0流程图。以下是对bpmn.js的详细解析：一、基本概念与功能定义：bpmn.js是bpmn-io团队开发的一个JavaScript库，它专注于BPMN（业务流程模型和标记法）2.0标准的实现。主要功能：渲染BPMN图表：bpmn.js能够将BPMN2.0的XML文件渲染成SVG格式的图
  • 华为OD机试E卷 - 最优资源分配/芯片资源占用（Java & Python& JS & C++ & C ） 算法大师 最新华为OD机试华为华为od华为OD机试E卷pythonjavajavascriptc++
    最新华为OD机试真题目录：点击查看目录华为OD面试真题精选：点击立即查看题目描述某块业务芯片最小容量单位为1.25G，总容量为M*1.25G，对该芯片资源编号为1，2，…，M。该芯片支持3种不同的配置，分别为A、B、C。配置A：占用容量为1.25*1=1.25G配置B：占用容量为1.25*2=2.5G配置C：占用容量为1.25*8=10G某块板卡上集成了N块上述芯片，对芯片编号为1，2，…，N，各
  • 华为OD机试 - 微服务的集成测试（Java & Python& JS & C++ & C ） 算法大师 最新华为OD机试华为华为OD华为od华为机试算法
    最新华为OD机试真题目录：点击查看目录华为OD面试真题精选：点击立即查看题目描述现在有n个容器服务，服务的启动可能有一定的依赖性（有些服务启动没有依赖），其次服务自身启动加载会消耗一些时间。给你一个nxn的二维矩阵useTime，其中useTime[i][i]=10表示服务i自身启动加载需要消耗10suseTime[i][j]=1表示服务i启动依赖服务j启动完成useTime[i][k]=0表示服
  • 【HarmonyOS Next NAPI 深度探索2】N-API 的工作机制与架构 轻口味 HarmonyOSNextNAPI深度探索harmonyosnapicC++harmonyosnextharmonyos-next
    【HarmonyOSNextNAPI深度探索2】N-API的工作机制与架构如果你听说过N-API，但还不太了解它的作用和背后的工作机制，那这篇文章会帮你捋清楚它的结构和原理。N-API是Node.js提供的一个强大工具，专门用于开发高性能、可维护的原生模块。接下来，我们一起看看N-API是如何工作的，它的架构是怎样的。什么是N-APIN-API，全称是Node.jsNativeAPI，是一个用来开
  • react.js 监听页面滚动事件 伟大的python程序员 react.jsreact.js
    componentDidMount(){window.addEventListener('scroll',this.handleScroll);}handleScroll=(event)=>{//滚动条高度letctx=this;letclientHeight=document.documentElement.clientHeight;//可视区域高度letscrollTop=document.d
  • 创建自定义全局指令 yqcoder 前端javascript开发语言
    1.创建文件夹mycli、mycli/bin2.创建文件mycli/bin/index.js3.在mycli文件目录下运行命令npminit-y生成package.json{ "name":"mycli", "version":"1.0.0", "main":"index.js", "bin":{  "mycli":"bin/index.js" }, "scripts":{  "test":"ec
  • Node CLI 之 Commander.js (1) 史一试 脚手架javascript开发语言ecmascript
    官网地址：https://github.com/tj/commander.js/blob/f1ae2db8e2da01d6efcbfd59cbf82202f864b0c1/Readme_zh-CN.mdCommander.js是node.js命令行界面的完整解决方案开始新建一个node工程执行npminstallcommanderpackage.json中新增代码添加#!/usr/bin/envn
  • 使用commander创建自定义命令行工具 van_95
    准备工作1.安装node.js,在官网下载即可,利用node.js的打包工具npm开始第一步.首先创建一个demo文件夹（名称自定义）第二步.在demo文件夹中创建一个bin文件夹,在bin文件夹下创建一个demo.js,然后在js中写下如下代码#!/usr/bin/envnodeconsole.log('demoisrun')第三步.使用cmd命令行，进入demo所在的文件夹下，然后输入命令np
  • Python基础 - 发起http请求 shawn.zhang. pythonjavaajaxjsoncurl
    目录[-]1、Python发起http请求#!/usr/bin/envpython#coding=utf-8#licenseremovedfor******importrospyimportpycurlimportStringIOimporturllibfromstd_msgs.msgimportStringimportjsonimporthashlibfromcyber_msgs.msgimpo
  • java常见单词汇总3（非常使用哦） 糟糕透了的都精彩极了 学习javajava常用英文单词
    JSP中常用英文URL:UniversalResourceLocation:统一资源定位符IE:InternetExplorer因特网浏览器JSP:javaserverpage.java服务器页面Model:模型View:视图C:controller:控制器Tomcat:一种jsp的web服务器WebModule:web模块Servlet:小服务程序Request:请求Response:响应Ini
  • node.js使用commander包构建命令行应用 crayon-shin-chan surprisenode.jstypescriptjavascriptnodejs
    仓库：https://github.com/tj/commander.js1.简介commander是node.js命令行接口的完整解决方案。2.安装npminstallcommander3.开始使用Commander导出一个全局对象，这对于快速程序很方便。为了简洁起见，在本自述文件的示例中使用了此方法。const{program}=require('commander');program.ver
  • vue局域网内访问 Simorel 前端vue局域网访问
    为了能在公司局域网内访问vue项目需要配置vue项目配置vue.config.jsmodule.exports={devServer:{/**为了在局域网内访问修改host*/host:'0.0.0.0',},};win10配置
  • JS在HTML页面内动态创建SVG元素 一粒马豆 html5JavaScript数据可视化SVGJSD3WEB
    最近在学习数据可视化，深入了解了如何在网页上实现数据的动态可视化。比如D3.JS主要应用JS在HTML页面内动态生成SVG元素并绑定数据。以下是我的例程：//通过createElementNS创建svg元素并设置属性varsvg=document.createElementNS('http://www.w3.org/2000/svg','svg');svg.setAttribute("style"
  • three.js中文字符随机生成旋转动画 一粒马豆 javascriptthree.js中文字符动画
    Three.js随机中文字符生成旋转动画body{margin:0;}canvas{display:block;}{"imports":{"three":"https://cdn.jsdelivr.net/npm/[email protected]/build/three.module.js","three/addons/":"https://cdn.jsdelivr.net/npm/[email protected]
  • 【华为OD-E卷 - VLAN资源池 100分（python、java、c++、js、c）】 CodeClimb 算法题华为od（A+B+C+D+E卷）收录分享java华为odpythonc++javascript
    【华为OD-E卷-VLAN资源池100分（python、java、c++、js、c）】题目VLAN是一种对局域网设备进行逻辑划分的技术，为了标识不同的VLAN，引入VLANID(1-4094之间的整数)的概念。定义一个VLANID的资源池(下称VLAN资源池)，资源池中连续的VLAN用开始VLAN-结束VLAN表示，不连续的用单个整数表示，所有的VLAN用英文逗号连接起来。现在有一个VLAN资源池
  • Commander 一款命令行自定义命令依赖 yqcoder arcgisjavascript前端node.js
    一、安装`commander`插件npminstallcommander二、基本用法1.创建一个简单的命令行程序创建一个JavaScript文件，例如`mycli.js`，并添加以下代码：//引入`commander`模块并获取`program`对象。const{program}=require("commander");program .version("1.0.0")//设置命令行工具的版本 
  • vue 无法 局域网内访问 m0_75101866 开发工具vue.js
    资料Vue项目设置可以局域网访问_vue.js_脚本之家过程上午，前端vue服务能够在局域网内访问，下午就不行了，但是后端服务能够正常访问，本机也能正常访问ip：端口号前端服务判定不是下面的问题：同一局域网下访问vue项目_vue在局域网内访问-CSDN博客然后，关闭防火墙尝试。。-_-!netshadvfirewallfirewalladdrulename="Allow8080"dir=inac
  • 微信小程序部分用户报错ERR_CONNECTION_REFUSED连接被拒绝 木雷双雄7 微信小程序微信小程序
    【问题描述】部分微信小程序用户出现连接被拒绝的错误，报错信息为{"code":0,"message":"{\"errno\":600001,\"errMsg\":\"request:failerrcode:-102cronet_error_code:-102error_msg:net::ERR_CONNECTION_REFUSED\"}"}【问题排查】后端没有错误日志，前端没有js报错，那报错从何
  • Python使用socket传输对数据AES和MD5加密 夜语醉星辰 Pythonpython
    一、使用socket通信defclient_communication(data):#通信host="127.0.0.1"#服务器IP地址port=12345#服务器端口号#处理发送数据data=json.dumps(data)#将字典转换为json字符串data=encryption_AES(data)#加密数据try:client_socket=socket.socket(socket.AF_
  • 多线程编程之理财 周凡杨 java多线程生产者消费者理财
          现实生活中，我们一边工作，一边消费，正常情况下会把多余的钱存起来，比如存到余额宝，还可以多挣点钱，现在就有这个情况：我每月可以发工资20000万元 （暂定每月的1号），每月消费5000（租房+生活费）元（暂定每月的1号），其中租金是大头占90%，交房租的方式可以选择（一月一交，两月一交、三月一交），理财：1万元存余额宝一天可以赚1元钱，
  • [Zookeeper学习笔记之三]Zookeeper会话超时机制 bit1129 zookeeper
    首先，会话超时是由Zookeeper服务端通知客户端会话已经超时，客户端不能自行决定会话已经超时，不过客户端可以通过调用Zookeeper.close()主动的发起会话结束请求，如下的代码输出内容 Created /zoo-739160015 CONNECTEDCONNECTED .............CONNECTEDCONNECTED CONNECTEDCLOSEDCLOSED
  • SecureCRT快捷键 daizj secureCRT快捷键
    ctrl + a : 移动光标到行首ctrl + e ：移动光标到行尾crtl + b: 光标前移1个字符crtl + f: 光标后移1个字符crtl + h : 删除光标之前的一个字符ctrl + d ：删除光标之后的一个字符crtl + k ：删除光标到行尾所有字符crtl + u : 删除光标至行首所有字符crtl + w:  删除光标至行首
  • Java 子类与父类这间的转换 周凡杨 java 父类与子类的转换
        最近同事调的一个服务报错，查看后是日期之间转换出的问题。代码里是把 java.sql.Date 类型的对象 强制转换为 java.sql.Timestamp 类型的对象。报java.lang.ClassCastException。       代码：            
  • 可视化swing界面编辑 朱辉辉33 eclipseswing
          今天发现了一个WindowBuilder插件，功能好强大，啊哈哈，从此告别手动编辑swing界面代码，直接像VB那样编辑界面，代码会自动生成。       首先在Eclipse中点击help，选择Install New Software,然后在Work with中输入WindowBui
  • web报表工具FineReport常用函数的用法总结（文本函数） 老A不折腾 finereportweb报表工具报表软件java报表
    文本函数 CHAR CHAR(number):根据指定数字返回对应的字符。CHAR函数可将计算机其他类型的数字代码转换为字符。 Number:用于指定字符的数字，介于1Number:用于指定字符的数字，介于165535之间（包括1和65535）。 示例: CHAR(88)等于“X”。 CHAR(45)等于“-”。   CODE CODE(text):计算文本串中第一个字
  • mysql安装出错 林鹤霄 mysql安装
    [root@localhost ~]# rpm -ivh MySQL-server-5.5.24-1.linux2.6.x86_64.rpm Preparing...                #####################
  • linux下编译libuv aigo libuv
    下载最新版本的libuv源码，解压后执行： ./autogen.sh   这时会提醒找不到automake命令，通过一下命令执行安装（redhat系用yum，Debian系用apt-get）： # yum -y install automake # yum -y install libtool     如果提示错误：make: *** No targe
  • 中国行政区数据及三级联动菜单 alxw4616
    近期做项目需要三级联动菜单,上网查了半天竟然没有发现一个能直接用的! 呵呵,都要自己填数据....我了个去这东西麻烦就麻烦的数据上. 哎,自己没办法动手写吧. 现将这些数据共享出了,以方便大家.嗯,代码也可以直接使用   文件说明 lib\area.sql -- 县及县以上行政区划分代码（截止2013年8月31日)来源：国家统计局 发布时间：2014-01-17 15:0
  • 哈夫曼加密文件 百合不是茶 哈夫曼压缩哈夫曼加密二叉树
     在上一篇介绍过哈夫曼编码的基础知识,下面就直接介绍使用哈夫曼编码怎么来做文件加密或者压缩与解压的软件,对于新手来是有点难度的,主要还是要理清楚步骤;   加密步骤:  1,统计文件中字节出现的次数,作为权值   2,创建节点和哈夫曼树   3,得到每个子节点01串   4,使用哈夫曼编码表示每个字节  
  • JDK1.5 Cyclicbarrier实例 bijian1013 javathreadjava多线程Cyclicbarrier
    CyclicBarrier类 一个同步辅助类，它允许一组线程互相等待，直到到达某个公共屏障点 (common barrier point)。在涉及一组固定大小的线程的程序中，这些线程必须不时地互相等待，此时 CyclicBarrier 很有用。因为该 barrier 在释放等待线程后可以重用，所以称它为循环的 barrier。 CyclicBarrier支持一个可选的 Runnable 命令，
  • 九项重要的职业规划 bijian1013 工作学习
    一. 学习的步伐不停止        古人说，活到老，学到老。终身学习应该是您的座右铭。        世界在不断变化，每个人都在寻找各自的事业途径。        您只有保证了足够的技能储
  • 【Java范型四】范型方法 bit1129 java
    范型参数不仅仅可以用于类型的声明上，例如   package com.tom.lang.generics; import java.util.List; public class Generics<T> { private T value; public Generics(T value) { this.value =
  • 【Hadoop十三】HDFS Java API基本操作 bit1129 hadoop
      package com.examples.hadoop; import org.apache.hadoop.conf.Configuration; import org.apache.hadoop.fs.FSDataInputStream; import org.apache.hadoop.fs.FileStatus; import org.apache.hadoo
  • ua实现split字符串分隔 ronin47 lua split
    LUA并不象其它许多"大而全"的语言那样，包括很多功能，比如网络通讯、图形界面等。但是LUA可以很容易地被扩展：由宿主语言(通常是C或 C++)提供这些功能，LUA可以使用它们，就像是本来就内置的功能一样。LUA只包括一个精简的核心和最基本的库。这使得LUA体积小、启动速度快，从 而适合嵌入在别的程序里。因此在lua中并没有其他语言那样多的系统函数。习惯了其他语言的字符串分割函
  • java-从先序遍历和中序遍历重建二叉树 bylijinnan java
    public class BuildTreePreOrderInOrder { /** * Build Binary Tree from PreOrder and InOrder * _______7______ / \ __10__ ___2 / \ / 4
  • openfire开发指南《连接和登陆》 开窍的石头 openfire开发指南smack
    第一步     官网下载smack.jar包     下载地址：http://www.igniterealtime.org/downloads/index.jsp#smack 第二步     把smack里边的jar导入你新建的java项目中 开始编写smack连接openfire代码 p
  • [移动通讯]手机后盖应该按需要能够随时开启 comsci 移动
        看到新的手机，很多由金属材质做的外壳，内存和闪存容量越来越大，CPU速度越来越快，对于这些改进，我们非常高兴，也非常欢迎      但是，对于手机的新设计，有几点我们也要注意      第一：手机的后盖应该能够被用户自行取下来，手机的电池的可更换性应该是必须保留的设计,
  • 20款国外知名的php开源cms系统 cuiyadll cms
    内容管理系统，简称CMS，是一种简易的发布和管理新闻的程序。用户可以在后端管理系统中发布，编辑和删除文章，即使您不需要懂得HTML和其他脚本语言，这就是CMS的优点。 在这里我决定介绍20款目前国外市面上最流行的开源的PHP内容管理系统，以便没有PHP知识的读者也可以通过国外内容管理系统建立自己的网站。 1. Wordpress WordPress的是一个功能强大且易于使用的内容管
  • Java生成全局唯一标识符 darrenzhu javauuiduniqueidentifierid
    How to generate a globally unique identifier in Java http://stackoverflow.com/questions/21536572/generate-unique-id-in-java-to-label-groups-of-related-entries-in-a-log http://stackoverflow
  • php安装模块检测是否已安装过, 使用的SQL语句 dcj3sjt126com sql
    SHOW [FULL] TABLES [FROM db_name] [LIKE 'pattern'] SHOW TABLES列举了给定数据库中的非TEMPORARY表。您也可以使用mysqlshow db_name命令得到此清单。 本命令也列举数据库中的其它视图。支持FULL修改符，这样SHOW FULL TABLES就可以显示第二个输出列。对于一个表，第二列的值为BASE T
  • 5天学会一种 web 开发框架 dcj3sjt126com Web框架framework
    web framework层出不穷，特别是ruby/python,各有10+个,php/java也是一大堆 根据我自己的经验写了一个to do list,按照这个清单，一条一条的学习，事半功倍，很快就能掌握 一共25条，即便很磨蹭，2小时也能搞定一条，25*2=50。只需要50小时就能掌握任意一种web框架 各类web框架大同小异:现代web开发框架的6大元素，把握主线，就不会迷路 建议把本文
  • Gson使用三(Map集合的处理,一对多处理) eksliang jsongsonGson mapGson 集合处理
    转载请出自出处：http://eksliang.iteye.com/blog/2175532 一、概述        Map保存的是键值对的形式，Json的格式也是键值对的，所以正常情况下，map跟json之间的转换应当是理所当然的事情。 二、Map参考实例 package com.ickes.json; import java.lang.refl
  • cordova实现“再点击一次退出”效果 gundumw100 android
    基本的写法如下： document.addEventListener("deviceready", onDeviceReady, false); function onDeviceReady() { //navigator.splashscreen.hide(); document.addEventListener("b
  • openldap configuration leaning note iwindyforest configuration
    hostname // to display the computer name hostname <changed name> // to change go to: /etc/sysconfig/network, add/modify HOSTNAME=NEWNAME to change permenately dont forget to change /etc/hosts
  • Nullability and Objective-C 啸笑天 Objective-C
    https://developer.apple.com/swift/blog/?id=25   http://www.cocoachina.com/ios/20150601/11989.html   http://blog.csdn.net/zhangao0086/article/details/44409913   http://blog.sunnyxx
  • jsp中实现参数隐藏的两种方法 macroli JavaScriptjsp
    在一个JSP页面有一个链接，//确定是一个链接?点击弹出一个页面，需要传给这个页面一些参数。//正常的方法是设置弹出页面的src="***.do?p1=aaa&p2=bbb&p3=ccc"//确定目标URL是Action来处理?但是这样会在页面上看到传过来的参数，可能会不安全。要求实现src="***.do"，参数通过其他方法传！//////
  • Bootstrap A标签关闭modal并打开新的链接解决方案 qiaolevip 每天进步一点点学习永无止境bootstrap纵观千象
    Bootstrap里面的js modal控件使用起来很方便，关闭也很简单。只需添加标签 data-dismiss="modal" 即可。 可是偏偏有时候需要a标签既要关闭modal，有要打开新的链接，尝试多种方法未果。只好使用原始js来控制。   <a href="#/group-buy" class="btn bt
  • 二维数组在Java和C中的区别 流淚的芥末 javac二维数组数组
    Java代码：   public class test03 { public static void main(String[] args) { int[][] a = {{1},{2,3},{4,5,6}}; System.out.println(a[0][1]); } }  运行结果： Exception in thread "mai
  • systemctl命令用法 wmlJava linuxsystemctl
    对比表，以 apache / httpd 为例 任务 旧指令 新指令 使某服务自动启动 chkconfig --level 3 httpd on systemctl enable httpd.service 使某服务不自动启动 chkconfig --level 3 httpd off systemctl disable httpd.service 检查服务状态 service h
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他