U_can
U_can

手风琴风格图片轮播

今天在http://www.w3cfuns.com/notes/20618/7af828f7b6b7f9d1bb127a9cfbb3267c上看到这个效果，所以拿来练练手，太久没动脑子了，得让它活动活动。

轮播效果：

手风琴风格图片轮播_第1张图片

在该文章的基础上，我自己添加了自动轮播的效果

  1 <!DOCTYPE HTML>
  2 <html>
  3 <head>
  4     <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5     <title>手风琴切换</title>
  6 </head>
  7 <style type="text/css">
  8     .ts {
  9         overflow: hidden;
 10         width: 1072px;
 11         margin: 0 auto;
 12     }
 13     .ts-ul {
 14         overflow: hidden;
 15         width: 100%;
 16         height: 500px;
 17         margin: 0 auto;
 18         padding: 0;
 19     }
 20     .ts-ul li {
 21         list-style-type: none;
 22         overflow: hidden;
 23         float: left;
 24         width: 95px;
 25         -webkit-transition: width 0.5s;
 26     }
 27     .ts-ul b {
 28         -webkit-transition: all 0.5s;
 29         width: 95px;
 30         display: block;
 31         height: 440px;
 32         text-indent: -9999em;
 33         background: url(http://gyc.woniu.com/tg/ad6/images/ts.jpg);
 34     }
 35 
 36     .ts-ul-li1 {
 37         background: url(http://gyc.woniu.com/tg/ad6/images/ts1_on.jpg) no-repeat;
 38     }
 39 
 40     .ts-ul-li2 {
 41         background: url(http://gyc.woniu.com/tg/ad6/images/ts2_on.jpg) no-repeat;
 42     }
 43 
 44     .ts-ul-li3 {
 45         background: url(http://gyc.woniu.com/tg/ad6/images/ts3_on.jpg) no-repeat;
 46     }
 47     .ts-ul-li4 {
 48         background: url(http://gyc.woniu.com/tg/ad6/images/ts4_on.jpg) no-repeat;
 49     }
 50     .ts-ul li.on {
 51         width: 787px;
 52     }
 53     .ts-ul li.on b{
 54         opacity: 0;
 55         filter: Alpha(opacity=0);
 56     }
 57     .ts-ul-li1 b {
 58         background-position: 0 0
 59     }
 60     .ts-ul-li2 b {
 61         background-position: -95px 0
 62     }
 63     .ts-ul-li3 b {
 64         background-position: -190px 0
 65     }
 66     .ts-ul-li4 b {
 67         background-position: -285px 0
 68     }
 69 </style>
 70 
 71 <body>
 72     <div class="ts">
 73         <ul class="ts-ul">
 74             <li class="ts-ul-li1"><b></b></li>
 75             <li class="ts-ul-li2"><b></b></li>
 76             <li class="ts-ul-li3"><b></b></li>
 77             <li class="ts-ul-li4"><b></b></li>
 78         </ul>
 79     </div>
 80     <script src="http://apps.bdimg.com/libs/jquery/1.9.1/jquery.min.js" type="text/javascript" charset="utf-8"></script>
 81     <script type="text/javascript">
 82         $(function() {    
 83             var li_warp=$('.ts-ul')
 84             var totle=li_warp.children('li').length;
 85             var index=-1;
 86             var timeOut=null;    
 87             $(".ts-ul li").eq(0).addClass('on');
 88             $(".ts-ul li").hover(function(){
 89                 clearInterval(timeOut);
 90                 $(".ts-ul li").removeClass("on");
 91                 $(this).addClass("on");
 92                 index=$(this).index();
 93 //                console.log(index);
 94             },function(){
 95                 autoPlay();
 96             });
 97             function autoPlay(){
 98                 timeOut=setInterval(function(){
 99                     index++;                    
100                     $(".ts-ul li").eq(index).addClass('on').siblings('li').removeClass('on');
101                     if(index==totle){
102                         index=0;
103                     }                        
104                 },4000);
105             }
106             autoPlay();
107         });
108     </script>
109 </body>
110 
111 </html>

感觉每次写来写去都是差不多的，但是真正让自己动手还是有问题，归根到底还是练得太少啊，我都不好意思说自己是做了一年多的前端了呢-_-

你可能感兴趣的:(手风琴风格图片轮播)

  • Vue组件自动引入插件——unplugin-vue-components 快速接入教程 前端77 vue.js前端javascript
    1.简介unplugin-vue-components是一款功能十分强大的插件，旨在简化组件的自动导入和使用，可以帮助我们在Vue项目中自动导入并注册我们使用的任何Vue组件，从而提高开发效率。unplugin-vue-components使用RollupAPI作为各种bundler/ebuild`工具API的抽象层，将Rollup风格的构建hooks和调用函数转换为与目标构建打包工具兼容的形式。
  • Process.Start() 传递参数中有空格问题 weixin_33797791 c#
    项目->(工程名)属性->调试->命令行参数1.在命令行下执行参数之间用空格分隔开就可以了，如果参数有空格，以双引号风格Testaa"bbcc"cc相当于传递了三个参数简单点：多参数之间用空格隔开；参数中间如果有空格，则加上双引号。
  • uniapp- UTS 插件鸿蒙端开发示例 虽然我们这个示例简单 但是这个是难住很多人的一大步 在人间耕耘 harmonyos华为
    UTS插件鸿蒙端开发示例以上示例已开源项目地址请参考示例代码。前言虽然这个UTS插件鸿蒙端的示例看起来很简单，但说实话，这一步其实难住了不少开发者。很多人第一次做UTS插件，尤其是要跑通鸿蒙端，都会在这里卡壳。希望这份文档能帮你少走弯路，顺利迈过这道坎。基础知识补充什么是UTS插件？UTS插件其实就是uni-appx扩展API的标准插件形式。你可以把它理解成"写一份TypeScript风格的代码，
  • 蓝色教育培训通用PPT模板 puerppt 平面
    模板介绍本套蓝色教育培训通用PPT模板,模板编号：P22236，大小10MB,共27页,比例为16:9,由封面、目录、转场页、内容、结尾5个部分构成。内含青色,蓝色,灰色多种配色，精美其他风格设计，动态播放效果，精美实用。一份设计精美的PPT模板，可以让你在汇报演讲时脱颖而出。PPT模板都是源文件，文字、图片都可以编辑，内容、页面根据自己的需要增加删除。模板下载后请安装并使用Office或WPS软
  • 当布列松遇见GPT：AI大模型如何重塑你的“决定性瞬间” 黑巧克力可减脂 AIGC人工智能gpt深度学习
    清晨六点，西湖断桥薄雾缭绕。游客小李举起手机却犹豫不决——晨雾浓度、白平衡参数、构图比例...无数专业术语在脑中纠缠。此时他打开摄影助手AI，输入：“西湖晨雾，中国水墨画意境，带断桥轮廓”。三秒后，AI不仅给出f/8光圈、1/60秒快门的精确参数，更建议：“降低机位，以左侧垂柳作前景框架”。这不是科幻场景。Midjourney用户@PixelPioneer使用提示词“布列松风格，巴黎雨天，跳跃水洼
  • 使用 ESLint + Prettier + Husky + lint-staged 构建统一的代码风格及检查工作流 爱宇阳 VueGIThuskylint-staged
    现代前端开发中，维护代码一致性和避免低级错误是团队协作的关键。通过整合以下工具，可以构建一套高效的代码风格检查+自动格式化+提交钩子工作流：✅ESLint：语法规则检查✅Prettier：统一格式化风格✅Husky：Git提交钩子✅lint-staged：仅检查本次提交相关的文件一、项目初始化（以Vue3+Vite项目为例）pnpmcreatevitemy-app--templatevue-tsc
  • 【架构专题】架构风格（上）：从理论到实践的全面解析 A.说学逗唱的Coke 架构
    架构风格详解：从理论到实践的全面解析一、引言在软件系统设计中，架构风格是决定系统质量与可维护性的核心要素。根据软考高级资格考试大纲要求，系统架构设计师需掌握软件架构风格的定义、分类及选型方法。本文将结合Garlan和Shaw的经典理论，结合软考实践案例，系统阐述架构风格的理论基础与应用策略。二、架构风格的定义与核心要素2.1定义软件架构风格是描述特定应用领域中系统组织方式的惯用模式，其本质是通过构
  • 前端实战：运用 HTML、CSS 和 JavaScript 技术，打造一个宇宙风格的个人空间站网页 迟雨. 前端htmlwebcssjavascript
    一、引言在当今数字化的时代，拥有一个属于自己的个人空间网页是一件非常有意义的事情。本文将详细介绍如何运用HTML、CSS和JavaScript技术，构建一个类似宇宙的个人空间站网页。二、项目概述这个个人空间站网页由首页、个人中心、作品展示和个人博客四个核心页面组成。整体设计以宇宙星空为主题，融入星球、星星和流星等元素，营造出神秘而奇幻的氛围。用户可以通过点击首页的星球图标，轻松导航至不同页面，开启
  • 清新文具科学通用教学课件PPT模板 puerppt 平面
    模板介绍精美PPT模板设计，清新文具科学通用教学课件PPT模板。一套教育培训幻灯片模板，内含黑色,橙色多种配色，精美风格设计，动态播放效果，精美实用。一份设计精美的PPT模板，可以让你在汇报演讲时脱颖而出。希望下面这份精美的PPT模板能给你带来帮助，温馨提示：本资源使用PPT或PPTX等格式，请安装并使用Office或WPS软件打开。模板信息模板编号：P69361用途：教育培训。模板格式：pptx
  • Olipop 通过在亚马逊上投放公关礼盒，仅花几美分就将粉丝变成KOL marteker 大数据
    Olipop改造德克萨斯州奥斯汀的奥斯汀汽车旅馆，打造三间套房，通过不同年代的视角来展示其各种口味的汽水，其中包括一间受90年代启发的全粉色套房。Olipop推出夏季营销活动，其中包括一个怀旧主题的旅行体验和面向普通消费者的网红风格公关礼盒。「时光旅行旅行社」活动将德克萨斯州奥斯汀的奥斯汀汽车旅馆改造成三间套房，通过不同年代的视角来展现Olipop的各种口味。消费者可以通过拨打官方热线参与抽奖，有
  • 从0开始学前端 第七十二课 Node.js - 使用Express构建RESTful API
    第七十二课：Node.js-使用Express构建RESTfulAPI学习目标理解RESTfulAPI的基本原则和优势。学习在Express中处理HTTP请求的方法。掌握如何格式化和发送JSON等格式的响应。学习RESTful路由设计的最佳实践。学习内容1.RESTfulAPI原则和优势REST（RepresentationalStateTransfer）是一种设计风格，用于网络应用程序的API设
  • 体育赛事大数据分析：AI模型对足球大小球预测的精度优化 东奔西走的小喇叭 人工智能数据分析机器学习
    在足球赛事的大数据分析中，AI模型对“大小球”（总进球数是否高于/低于预设值，如2.5球）的预测优化是一个复杂但具有实际价值的课题。以下从技术实现、数据策略、模型优化及挑战四个维度展开分析：1.数据来源与特征工程核心数据源结构化比赛数据：历史进球数、射门/射正率、控球率、角球、任意球、红黄牌、伤停球员等。球队动态特征：近期5-10场进攻/防守效率、主客场表现、战术风格（如高位逼抢或防守反击）。球员
  • 电商数据开发实践：深度剖析1688商品详情 API 的技术与应用 万邦科技Lafite 1688开放平台API开放API电商数据接口
    电商数据开发实践：深度剖析1688商品详情API的技术与应用一、技术架构解析：RESTful设计与数据底座接口架构协议与风格：基于HTTP/HTTPS的RESTful架构，通过唯一URL标识资源（如item_get接口对应商品详情查询），支持JSON/XML格式返回。后端支撑：依托阿里巴巴服务器集群与商品数据库，存储海量商品信息（含基础属性、销售数据、库存等），通过索引优化实现毫秒级响应。核心功能
  • 【Linux】Linux内核代码风格 Jerry&Louis Linuxlinux
    前言最近想提高Linux相关的技能，所以就先从Linux内核代码风格的习惯开始养起吧，成为一名优秀的Linux工程师是我的梦想~希望和大家一起进步。之前有在Ubuntu24.04.2和Windows11上安装neovim，但总是希望依赖Clang-format工具帮我格式化，现在开始我不想依赖这些了，打算开始养成Linux的内核代码风格，当然你也可以选择Google或者Microsoft的风格，个
  • 50道微服务基础高频题整理(附答案背诵版) Zeyhra 微服务架构云原生
    简述什么是微服务？参考回答微服务是一种架构风格，它将一个复杂的应用程序拆解为一组小的、独立的服务，每个服务都是围绕特定的业务功能构建的。每个微服务可以独立部署、独立运行、并通过网络进行通信。这种架构使得各个服务之间的耦合度较低，开发和维护变得更加灵活。微服务通常采用轻量级的通信协议，如HTTP、REST、gRPC等。详细讲解与拓展微服务架构的核心思想是将单一的、庞大的应用拆分为多个小型、可独立部署
  • 使用 Clang-Tidy 进行静态代码分析：完整的配置与 CMake 集成实例 橘色的喵 静态检测单元测试c++clangclang-tidycppcheck静态检查cmake代码质量
    文章目录使用Clang-Tidy进行静态代码分析：完整的配置与CMake集成实例0.概要1.安装Clang-Tidy2.配置`.clang-tidy`3.检查项详解3.1静态分析器（StaticAnalyzer）3.2现代化（Modernize）3.3Google代码风格（Google）3.4可读性（Readability）3.5CERT安全编码标准（CERT）3.6Bug检测（Bugprone）
  • 领域驱动设计中的编程风格选择：面向对象与过程式的平衡艺术 缘友一世 领域驱动设计(DDD)设计模式架构笔记
    文章目录零引言：编程风格的重要性一领域对象与数据库的边界1.1严格解耦原则1.2解耦带来的优势二领域服务的职责边界2.1读写分离的哲学2.2两种风格的权衡2.3决策指南三对象关联的艺术3.1ID引用vs对象导航3.2性能与表达的平衡3.3实践模式四领域对象与服务的协作4.1逻辑放置的决策4.2识别特性依恋五封装与继承的明智使用5.1封装的艺术5.2继承的谨慎使用六风格选择的实践指南6.1评估维度6
  • 双城记：当手续费遇见冷冻期——动态规划下的股票交易艺术 司铭鸿 代理模式c语言职场和发展开发语言算法动态规划生活
    在金融算法的平行宇宙中，存在两座风格迥异的交易之城："手续费之城"中每笔交易需缴纳过路费，但允许即时折返；"冷冻期之城"交易免费，卖出后却被强制冷却一天。今天，我们将用状态机理论和决策优化方程，解开这两座城市的财富密码。跟随动态规划的灯塔，穿透K线迷雾，直抵收益最大化核心！第一幕：手续费之城的财富迷宫给定一个整数n，要求生成所有由n个节点组成且节点值从1到n互不相同的不同二叉搜索树（BST）。二叉
  • Vue的专属老婆---Pinia
    一.Pinia1.Pinia概述Pinia是Vue的专属的最新状态管理库，是Vuex状态管理工具的替代品提供更简单的API（去掉mutation）提供符合组合式风格的API(和Vue3统一)去掉modules的概念，每个store都是独立模块搭配TypeScript一起使用提供可靠的类型推断//1.导入方法import{createPinia}from'pinia'//2.创建pinia实例con
  • 【HarmonyOS 5】逻辑类中调用通用弹窗的处理
    【HarmonyOS5】逻辑类中调用通用弹窗的处理鸿蒙开发能力##HarmonyOSSDK应用服务##鸿蒙金融类应用（金融理财一、背景说明：在应用开发中，为了保证APP应用内的弹框的一致性，一般而言会封装风格一致的通用弹框组件。用于提示和便捷的逻辑触发操作。比如通知，踢出登录，奖励提醒等等。并且鸿蒙原生的customDialog不能在纯逻辑处理类中进行触发和调用，与UI类是强绑定的关系。所以对弹框
  • Vue ⑨-Pinia 还会有机会吗 Vuevue.jsjavascript前端
    Pinia什么是PiniaPinia是Vue的最新状态管理工具，是Vuex的替代品。优点提供更加简单的API（去掉了mutation）提供符合，组合式风格的API（和Vue3新语法统一）去掉了modules的概念，每一个store都是一个独立的模块配合TypeScript更加友好，提供可靠的类型推断手动添加Pinia到Vue项目在实际开发项目的时候，关于Pinia的配置，可以在项目创建时自动添加现
  • 第九节 CSS工程化-预处理技术对比 泽泽爱旅行 csscss前端html
    以下是关于CSS预处理技术对比的深度解析，结合主流工具（Sass/SCSS、Less、Stylus）的核心特性、适用场景及工程化实践，帮助开发者根据项目需求做出合理选择。一、主流CSS预处理器概览特性Sass/SCSSLessStylus语法风格支持缩进语法（Sass）和类CSS语法（SCSS）类CSS语法，需分号和大括号极简语法，可省略标点符号变量定义$variable@variablevari
  • 设计模式学习笔记（八） 贫血模型与充血模型 鮀城小帅 设计模式与算法mvc贫血模型充血模型DDD领域设计模型
    1.贫血模型目前大部分业务系统都是基于MVC三层架构来开发的，而这种架构实际上是一种基于贫血模型的MVC三层架构开发模式。虽然这种开发模式已经成为标准的Web项目的开发模式，但它却违反了面向对象编程风格，是一种彻彻底底的面向过程的编程风格，因此而被有些人称为反模式（antipattern）。2.解析MVC与贫血模型MVC三层架构中的M表示Model，V表示View，C表示Controller。它
  • 大冰直播聊天个人总结---人生选择/自我成长/挫折抗压 runafterhit 程序生涯类程序人生
    大冰（本名焉冰）作为作家、主持人兼跨界创业者，其直播间的对话以“江湖气”“真实感”和“反鸡汤”风格著称。我并没有看过他的书籍，偶然间刷到直播切片，和形形色色的人交流过程内容非常丰富。出于个人归纳，认为对自己有感触的就整理起来。文章目录一、人生选择1.人生目标先照顾好自己---有饭吃，吃饱饭，吃好饭，再考虑其他2.必须完成学校教育---培养基础素质，构建未来可能性，有机会吃饱饭3.主动拥抱社会教育-
  • Qt6 标签页关闭按钮（小叉）实现详解
    实现方法概述1.使用内置功能(ClosableTabWidget)最简单的方法是使用QTabWidget的内置功能：#启用标签关闭按钮self.tab_widget.setTabsClosable(True)#连接标签关闭信号self.tab_widget.tabCloseRequested.connect(self.close_tab)优点：实现简单，只需两行代码使用Qt原生外观，与系统风格一致
  • 软考高级软件架构师论文——论软件架构风格 _Richard_ 2025年软考系统架构师java系统架构数据库
    摘要本人于2019年11月参与了广东省某高校“数字化智慧校园”项目。该项目以“把人引向更高处”为核心理念，旨在打造一套以提高应用型人才培养质量为目标的教育信息化系统。该系统主要分为教务、学工、总务、人事，还有移动平台等几个部分。在该项目中我担任系统软件架构师岗位，主要负责整体系统架构设计以及技术选型。本文结合我的实践，以该教育平台为例，主要讨论了软件架构风格在系统中的具体应用。整个系统采用具有三层
  • Go 语言的堆糖图片爬虫 Go Dgg golang爬虫开发语言
    基于Go语言的堆糖图片爬取探索之旅在互联网的浩瀚海洋中，堆糖网以其丰富多样的高清图片、美图壁纸等内容吸引了众多用户。对于图片爱好者来说，能高效获取心仪的图片资源无疑是一件极具吸引力的事情。今天，就带大家走进一段基于Go语言的堆糖图片爬取尝试之旅。一、缘起：对图片资源的渴求在日常的浏览和创作过程中，优质图片的需求日益增长。堆糖网上海量且风格各异的图片资源成为了理想的目标。然而，手动逐页浏览和下载不仅
  • 使用扣子空间生成html个人主页 ￥-oriented html前端AI编程
    扣子空间1.生成提示词生成的提示词以下是一个为UI设计师个人博客主页生成的提示词，涵盖了风格、配色、主要内容等方面：整体风格极简扁平风格：采用简洁、平面化的设计，去除多余的阴影和纹理，使用鲜艳的颜色和简单的图标，以达到简洁、直观和功能性的设计效果，让用户能够快速理解和操作界面，降低认知负担。时尚风格：融入大胆的色彩搭配、创新的排版和布局、动画和过渡效果，以及图形和插画的运用，营造出时尚感和活力感，
  • 推荐：Ionic Material - 带你领略 Material Design 风格的离子框架扩展库
    推荐：IonicMaterial-带你领略MaterialDesign风格的离子框架扩展库去发现同类优质开源项目:https://gitcode.com/在移动应用开发领域，离子框架（Ionic）和MaterialDesign设计语言都是备受推崇的技术。现在，结合两者之力的开源项目IonicMaterial正在为开发者带来全新的用户体验。项目介绍IonicMaterial是一个专为Ionic框架设
  • 【软件工程】RESTful API-基于HTTP协议的架构风格 晴雨日记 C++软件工程经验分享
    文章目录RESTfulAPI详细介绍1.**REST的核心概念**2.**RESTfulAPI的六大原则**3.**核心设计要素**3.1**资源（Resource）**3.2**HTTP方法**3.3**HTTP状态码**3.4**请求与响应格式**4.**进阶设计技巧**4.1**分页与过滤**4.2**版本控制**4.3**批量操作**4.4**HATEOAS实现**5.**安全与认证**6
  • jQuery 跨域访问的三种方式 No 'Access-Control-Allow-Origin' header is present on the reque qiaolevip 每天进步一点点学习永无止境跨域众观千象
    XMLHttpRequest cannot load http://v.xxx.com. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:63342' is therefore not allowed access. test.html:1
  • mysql 分区查询优化 annan211 java分区优化mysql
    分区查询优化 引入分区可以给查询带来一定的优势，但同时也会引入一些bug. 分区最大的优点就是优化器可以根据分区函数来过滤掉一些分区，通过分区过滤可以让查询扫描更少的数据。 所以，对于访问分区表来说，很重要的一点是要在where 条件中带入分区，让优化器过滤掉无需访问的分区。 可以通过查看explain执行计划，是否携带 partitions
  • MYSQL存储过程中使用游标 chicony Mysql存储过程
    DELIMITER $$ DROP PROCEDURE IF EXISTS getUserInfo $$ CREATE PROCEDURE getUserInfo(in date_day datetime)-- -- 实例-- 存储过程名为：getUserInfo-- 参数为：date_day日期格式:2008-03-08--    BEGINdecla
  • mysql 和 sqlite 区别 Array_06 sqlite
    转载： http://www.cnblogs.com/ygm900/p/3460663.html mysql 和 sqlite 区别 SQLITE是单机数据库。功能简约，小型化，追求最大磁盘效率 MYSQL是完善的服务器数据库。功能全面，综合化，追求最大并发效率 MYSQL、Sybase、Oracle等这些都是试用于服务器数据量大功能多需要安装，例如网站访问量比较大的。而sq
  • pinyin4j使用 oloz pinyin4j
    首先需要pinyin4j的jar包支持；jar包已上传至附件内 方法一:把汉字转换为拼音；例如：编程转换后则为biancheng      /** * 将汉字转换为全拼 * @param src 你的需要转换的汉字 * @param isUPPERCASE 是否转换为大写的拼音； true:转换为大写；fal
  • 微博发送私信 随意而生 微博
    在前面文章中说了如和获取登陆时候所需要的cookie，现在只要拿到最后登陆所需要的cookie，然后抓包分析一下微博私信发送界面 http://weibo.com/message/history?uid=****&name=**** 可以发现其发送提交的Post请求和其中的数据， 让后用程序模拟发送POST请求中的数据，带着cookie发送到私信的接入口，就可以实现发私信的功能了。
  • jsp 香水浓 jsp
    JSP初始化     容器载入JSP文件后，它会在为请求提供任何服务前调用jspInit()方法。如果您需要执行自定义的JSP初始化任务，复写jspInit()方法就行了 JSP执行     这一阶段描述了JSP生命周期中一切与请求相关的交互行为，直到被销毁。     当JSP网页完成初始化后
  • 在 Windows 上安装 SVN Subversion 服务端 AdyZhang SVN
    在 Windows 上安装 SVN Subversion 服务端2009-09-16高宏伟哈尔滨市道里区通达街291号   最佳阅读效果请访问原地址：http://blog.donews.com/dukejoe/archive/2009/09/16/1560917.aspx   现在的Subversion已经足够稳定，而且已经进入了它的黄金时段。我们看到大量的项目都在使
  • android开发中如何使用 alertDialog从listView中删除数据？ aijuans android
    我现在使用listView展示了很多的配置信息，我现在想在点击其中一条的时候填出 alertDialog,点击确认后就删除该条数据，（ ArrayAdapter ，ArrayList，listView 全部删除），我知道在 下面的onItemLongClick 方法中 参数 arg2  是选中的序号，但是我不知道如何继续处理下去 1 2 3
  • jdk-6u26-linux-x64.bin 安装 baalwolf linux
    1.上传安装文件(jdk-6u26-linux-x64.bin) 2.修改权限 [root@localhost ~]# ls -l /usr/local/jdk-6u26-linux-x64.bin 3.执行安装文件 [root@localhost ~]# cd /usr/local [root@localhost local]# ./jdk-6u26-linux-x64.bin&nbs
  • MongoDB经典面试题集锦 BigBird2012 mongodb
    1.什么是NoSQL数据库？NoSQL和RDBMS有什么区别？在哪些情况下使用和不使用NoSQL数据库？ NoSQL是非关系型数据库，NoSQL = Not Only SQL。 关系型数据库采用的结构化的数据，NoSQL采用的是键值对的方式存储数据。 在处理非结构化/半结构化的大数据时；在水平方向上进行扩展时；随时应对动态增加的数据项时可以优先考虑使用NoSQL数据库。 在考虑数据库的成熟
  • JavaScript异步编程Promise模式的6个特性 bijian1013 JavaScriptPromise
            Promise是一个非常有价值的构造器，能够帮助你避免使用镶套匿名方法，而使用更具有可读性的方式组装异步代码。这里我们将介绍6个最简单的特性。         在我们开始正式介绍之前，我们想看看Javascript Promise的样子： var p = new Promise(function(r
  • [Zookeeper学习笔记之八]Zookeeper源代码分析之Zookeeper.ZKWatchManager bit1129 zookeeper
    ClientWatchManager接口 //接口的唯一方法materialize用于确定那些Watcher需要被通知 //确定Watcher需要三方面的因素1.事件状态 2.事件类型 3.znode的path public interface ClientWatchManager { /** * Return a set of watchers that should
  • 【Scala十五】Scala核心九：隐式转换之二 bit1129 scala
    隐式转换存在的必要性，   在Java Swing中，按钮点击事件的处理，转换为Scala的的写法如下：   val button = new JButton button.addActionListener( new ActionListener { def actionPerformed(event: ActionEvent) {
  • Android JSON数据的解析与封装小Demo ronin47
    转自：http://www.open-open.com/lib/view/open1420529336406.html package com.example.jsondemo; import org.json.JSONArray; import org.json.JSONException; import org.json.JSONObject;    impor
  • [设计]字体创意设计方法谈 brotherlamp UIui自学ui视频ui教程ui资料
      从古至今，文字在我们的生活中是必不可少的事物，我们不能想象没有文字的世界将会是怎样。在平面设计中，UI设计师在文字上所花的心思和功夫最多，因为文字能直观地表达UI设计师所的意念。在文字上的创造设计，直接反映出平面作品的主题。 如设计一幅戴尔笔记本电脑的广告海报，假设海报上没有出现“戴尔”两个文字，即使放上所有戴尔笔记本电脑的图片都不能让人们得知这些电脑是什么品牌。只要写上“戴尔笔
  • 单调队列-用一个长度为k的窗在整数数列上移动，求窗里面所包含的数的最大值 bylijinnan java算法面试题
    import java.util.LinkedList; /* 单调队列 滑动窗口 单调队列是这样的一个队列：队列里面的元素是有序的，是递增或者递减 题目：给定一个长度为N的整数数列a(i),i=0,1,...,N-1和窗长度k. 要求：f(i) = max{a(i-k+1),a(i-k+2),..., a(i)},i = 0,1,...,N-1 问题的另一种描述就
  • struts2处理一个form多个submit chiangfai struts2
    web应用中，为完成不同工作，一个jsp的form标签可能有多个submit。如下代码： <s:form action="submit" method="post" namespace="/my"> <s:textfield name="msg" label="叙述：">
  • shell查找上个月，陷阱及野路子 chenchao051 shell
    date -d "-1 month" +%F     以上这段代码，假如在2012/10/31执行，结果并不会出现你预计的9月份，而是会出现八月份，原因是10月份有31天，9月份30天，所以-1 month在10月份看来要减去31天，所以直接到了8月31日这天，这不靠谱。     野路子解决：假设当天日期大于15号
  • mysql导出数据中文乱码问题 daizj mysql中文乱码导数据
    解决mysql导入导出数据乱码问题方法： １、进入mysql，通过如下命令查看数据库编码方式： mysql>  show variables like 'character_set_%'; +--------------------------+----------------------------------------+ | Variable_name&nbs
  • SAE部署Smarty出现：Uncaught exception 'SmartyException' with message 'unable to write dcj3sjt126com PHPsmartysae
      对于SAE出现的问题：Uncaught exception 'SmartyException' with message 'unable to write file...。 官方给出了详细的FAQ：http://sae.sina.com.cn/?m=faqs&catId=11#show_213 解决方案为：   01 $path 
  • 《教父》系列台词 dcj3sjt126com
    Your love is also your weak point. 你的所爱同时也是你的弱点。   If anything in this life is certain, if history has taught us anything, it is that you can kill anyone.   不顾家的人永远不可能成为一个真正的男人。 &
  • mongodb安装与使用 dyy_gusi mongo
    一.MongoDB安装和启动,widndows和linux基本相同 1.下载数据库,     linux:mongodb-linux-x86_64-ubuntu1404-3.0.3.tgz 2.解压文件,并且放置到合适的位置     tar -vxf mongodb-linux-x86_64-ubun
  • Git排除目录 geeksun git
    在Git的版本控制中，可能有些文件是不需要加入控制的，那我们在提交代码时就需要忽略这些文件，下面讲讲应该怎么给Git配置一些忽略规则。   有三种方法可以忽略掉这些文件，这三种方法都能达到目的，只不过适用情景不一样。 1.  针对单一工程排除文件 这种方式会让这个工程的所有修改者在克隆代码的同时，也能克隆到过滤规则，而不用自己再写一份，这就能保证所有修改者应用的都是同一
  • Ubuntu 创建开机自启动脚本的方法 hongtoushizi ubuntu
    转载自： http://rongjih.blog.163.com/blog/static/33574461201111504843245/ Ubuntu 创建开机自启动脚本的步骤如下： 1) 将你的启动脚本复制到 /etc/init.d目录下 以下假设你的脚本文件名为 test。   2) 设置脚本文件的权限 $ sudo chmod 755
  • 第八章 流量复制/AB测试/协程 jinnianshilongnian nginxluacoroutine
    流量复制 在实际开发中经常涉及到项目的升级，而该升级不能简单的上线就完事了，需要验证该升级是否兼容老的上线，因此可能需要并行运行两个项目一段时间进行数据比对和校验，待没问题后再进行上线。这其实就需要进行流量复制，把流量复制到其他服务器上，一种方式是使用如tcpcopy引流；另外我们还可以使用nginx的HttpLuaModule模块中的ngx.location.capture_multi进行并发
  • 电商系统商品表设计 lkl
    DROP TABLE IF EXISTS `category`; -- 类目表 /*!40101 SET @saved_cs_client = @@character_set_client */; /*!40101 SET character_set_client = utf8 */; CREATE TABLE `category` ( `id` int(11) NOT NUL
  • 修改phpMyAdmin导入SQL文件的大小限制 pda158 sqlmysql
    　用phpMyAdmin导入mysql数据库时，我的10M的 数据库不能导入，提示mysql数据库最大只能导入2M。 　　 phpMyAdmin数据库导入出错： 　　You probably tried to upload too large file. Please refer to documentation for ways to workaround this limit.
  • Tomcat性能调优方案 Sobfist apachejvmtomcat应用服务器
    一、操作系统调优 对于操作系统优化来说，是尽可能的增大可使用的内存容量、提高CPU的频率，保证文件系统的读写速率等。经过压力测试验证，在并发连接很多的情况下，CPU的处理能力越强，系统运行速度越快。。 【适用场景】 任何项目。 二、Java虚拟机调优 应该选择SUN的JVM，在满足项目需要的前提下，尽量选用版本较高的JVM，一般来说高版本产品在速度和效率上比低版本会有改进。 J
  • SQLServer学习笔记 vipbooks 数据结构xml
    1、create database school 创建数据库school 2、drop database school 删除数据库school 3、use school 连接到school数据库，使其成为当前数据库 4、create table class(classID int primary key identity not null) 创建一个名为class的表，其有一
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他