lenolong
lenolong

使用js实现滑动页面效果，很漂亮

使用了一个现成的js

先贴html

  1. <html>
  2. <head>
  3.     <meta http-equiv="content-type" content="text/html; charset=gb2312">
  4.     <title>滑动页面效果示例</title>
  5.     <link rel="stylesheet" href="stylesheets/glider.css" type="text/css" media="screen" charset="utf-8">
  6.     <script src="javascripts/prototype.js" type="text/javascript" charset="utf-8"></script>
  7.     <script src="javascripts/effects.js" type="text/javascript" charset="utf-8"></script>
  8.     <script src="javascripts/glider.js" type="text/javascript" charset="utf-8"></script>
  9. </head>
  10. <body>
  12.     <h1>滑动页面效果示例（Glider.js）</h1>
  13.     <div id="my-glider">
  14.         <div class="controls">
  15.             <a href="#HTML1">HTML 1</a> | 
  16.             <a href="#HTML2">HTML 2</a> |
  17.             <a href="#HTML3">HTML 3</a> |           
  18.         </div>
  19.         
  20.         <div class="scroller">
  21.             <div class="content">
  22.                 <div class="section" id="HTML1">
  23.                     HTML 1
  24.                     <object style="border:0px" type="text/x-scriptlet" data="1.html" width=100% height="500px"></object>
  25.                 </div>
  26.                 <div class="section" id="HTML2">
  27.                     HTML 2
  28.                     <object style="border:0px" type="text/x-scriptlet" data="2.html" width=100% height="500px"></object>
  29.                 </div>
  30.                 <div class="section" id="HTML3">
  31.                     HTML 3
  32.                     <p>一个youtube篮球视频</p>    
  33.                     <object width="200" height="150">
  34.                     <param name="movie" value="http://www.youtube.com/v/Ef-f7EeDpYI"></param>
  35.                     <param name="wmode" value="transparent"></param>
  36.                     <embed src="http://www.youtube.com/v/Ef-f7EeDpYI" type="application/x-shockwave-flash" wmode="transparent" width="200" height="150"></embed>
  37.                     </object>                   
  38.                 </div>
  39.             </div>
  40.         </div>          
  41.     </div>
  42.     <a href="#" onClick="my_glider.previous();return false;">Previous</a> | <a href="#" onClick="my_glider.next();return false">Next</a>
  43.     <script type="text/javascript" charset="utf-8">
  44.         var my_glider = new Glider('my-glider', {duration:0.5});
  45.     </script>
  46. </body>
  47. </html>


glider.js
  1. /**
  2.  * @author Bruno Bornsztein <[email protected]>
  3.  * @copyright 2007 Curbly LLC
  4.  * @package Glider
  5.  * @license MIT
  6.  * @url http://www.missingmethod.com/projects/glider/
  7.  * @version 0.0.3
  8.  * @dependencies prototype.js 1.5.1+, effects.js
  9.  */
  11. /*  Thanks to Andrew Dupont for refactoring help and code cleanup - http://andrewdupont.net/  */
  13. Glider = Class.create();
  14. Object.extend(Object.extend(Glider.prototype, Abstract.prototype), {
  15.     initialize: function(wrapper, options){
  16.         this.scrolling  = false;
  17.         this.wrapper    = $(wrapper);
  18.         this.scroller   = this.wrapper.down('div.scroller');
  19.         this.sections   = this.wrapper.getElementsBySelector('div.section');
  20.         this.options    = Object.extend({ duration: 1.0, frequency: 3 }, options || {});
  22.         this.sections.each( function(section, index) {
  23.           section._index = index;
  24.         });    
  26.         this.events = {
  27.           click: this.click.bind(this)
  28.         };
  30.         this.addObservers();
  31.             if(this.options.initialSection) this.moveTo(this.options.initialSection, this.scroller, { duration:this.options.duration });  // initialSection should be the id of the section you want to show up on load
  32.             if(this.options.autoGlide) this.start();
  33.       },
  34.     
  35.   addObservers: function() {
  36.     var controls = this.wrapper.getElementsBySelector('div.controls a');
  37.     controls.invoke('observe', 'click', this.events.click);
  38.   },    
  40.   click: function(event) {
  41.         this.stop();
  42.     var element = Event.findElement(event, 'a');
  43.     if (this.scrolling) this.scrolling.cancel();
  44.     
  45.     this.moveTo(element.href.split("#")[1], this.scroller, { duration:this.options.duration });     
  46.     Event.stop(event);
  47.   },
  49.     moveTo: function(element, container, options){
  50.             this.current = $(element);
  52.             Position.prepare();
  53.         var containerOffset = Position.cumulativeOffset(container),
  54.          elementOffset = Position.cumulativeOffset($(element));
  56.           this.scrolling    = new Effect.SmoothScroll(container, 
  57.                 {duration:options.duration, x:(elementOffset[0]-containerOffset[0]), y:(elementOffset[1]-containerOffset[1])});
  58.           return false;
  59.         },
  60.         
  61.   next: function(){
  62.     if (this.current) {
  63.       var currentIndex = this.current._index;
  64.       var nextIndex = (this.sections.length - 1 == currentIndex) ? 0 : currentIndex + 1;      
  65.     } else var nextIndex = 1;
  67.     this.moveTo(this.sections[nextIndex], this.scroller, { 
  68.       duration: this.options.duration
  69.     });
  70.   },
  71.     
  72.   previous: function(){
  73.     if (this.current) {
  74.       var currentIndex = this.current._index;
  75.       var prevIndex = (currentIndex == 0) ? this.sections.length - 1 : 
  76.        currentIndex - 1;
  77.     } else var prevIndex = this.sections.length - 1;
  78.     
  79.     this.moveTo(this.sections[prevIndex], this.scroller, { 
  80.       duration: this.options.duration
  81.     });
  82.   },
  84.     stop: function()
  85.     {
  86.         clearTimeout(this.timer);
  87.     },
  88.     
  89.     start: function()
  90.     {
  91.         this.periodicallyUpdate();
  92.     },
  93.         
  94.     periodicallyUpdate: function()
  95.     { 
  96.         if (this.timer != null) {
  97.             clearTimeout(this.timer);
  98.             this.next();
  99.         }
  100.         this.timer = setTimeout(this.periodicallyUpdate.bind(this), this.options.frequency*1000);
  101.     }
  103. });
  105. Effect.SmoothScroll = Class.create();
  106. Object.extend(Object.extend(Effect.SmoothScroll.prototype, Effect.Base.prototype), {
  107.   initialize: function(element) {
  108.     this.element = $(element);
  109.     var options = Object.extend({
  110.       x:    0,
  111.       y:    0,
  112.       mode: 'absolute'
  113.     } , arguments[1] || {}  );
  114.     this.start(options);
  115.   },
  116.   setup: function() {
  117.     if (this.options.continuous && !this.element._ext ) {
  118.       this.element.cleanWhitespace();
  119.       this.element._ext=true;
  120.       this.element.appendChild(this.element.firstChild);
  121.     }
  122.    
  123.     this.originalLeft=this.element.scrollLeft;
  124.     this.originalTop=this.element.scrollTop;
  125.    
  126.     if(this.options.mode == 'absolute') {
  127.       this.options.x -= this.originalLeft;
  128.       this.options.y -= this.originalTop;
  129.     } 
  130.   },
  131.   update: function(position) {   
  132.     this.element.scrollLeft = this.options.x * position + this.originalLeft;
  133.     this.element.scrollTop  = this.options.y * position + this.originalTop;
  134.   }
  135. });
还有2个js，内容太多，这里先不贴出来

你可能感兴趣的:(使用js实现滑动页面效果，很漂亮)

  • 基于图像比对的跨平台UI一致性校验工具开发全流程指南——Android/iOS/Web三端自动化测试实战 追寻向上 uiandroidios
    一、需求背景与方案概述1.1为什么需要跨平台UI校验？在移动互联网时代，同一产品需覆盖Android、iOS和Web三端。由于不同平台的开发框架（如Android的MaterialDesign与iOS的Cupertino风格）及渲染引擎差异，UI界面易出现以下问题：布局错位：按钮位置偏移、文本换行不一致视觉差异：颜色色差、字体粗细不同交互逻辑冲突：滑动方向、弹窗动画不一致传统人工测试效率低且易遗漏
  • 2023年中职网络安全——SQL注入测试（PL）解析 旺仔Sec 网络安全职业技能大赛任务解析服务器运维web安全sql网路安全
    SQL注入测试（PL）任务环境说明：服务器场景：Server2312服务器场景操作系统：未知（关闭链接）已知靶机存在网站系统，使用Nmap工具扫描靶机端口，并将网站服务的端口号作为Flag（形式：Flag字符串）值提交。访问网站/admin/pinglun.asp页面，此页面存在SQL注入漏洞，使用排序语句进行列数猜测，将语句作为Flag（形式：URL无空格）值提交。页面没有返回任何有用信息，尝试
  • NestJs bull 用法 在你之后 node.js
    bull简介队列bullbull用法https://github.com/OptimalBits/bullBulliscurrentlyinmaintenancemode,weareonlyfixingbugs.FornewfeaturescheckBullMQ,amodernrewrittenimplementationinTypescript.Youarestillverywelcometou
  • 智能费用审核平台：赋能千行百业，重塑财务审查新生态 人工智能
    在数字经济浪潮席卷全球的今天，企业财务管理正经历着前所未有的变革。传统费用审核模式已难以应对日益复杂的商业环境和海量数据处理需求，低效、高错、高风险成为制约企业发展的桎梏。北京中烟创新科技有限公司（简称：中烟创新）智能费用审核平台应运而生，以技术创新重塑财务审查生态，为企业开启智能化财务管理的新纪元。这不仅是一场技术革新，更是一次管理理念的跃迁——通过AI赋能，实现从"事后纠错"到"事前预防"、从
  • Amazon S3上传文件访问限制 MetaverseMan aws
    在AmazonS3中，直接通过clientID或类似的身份标识来限制访问并不是一个内置的功能。不过，您可以结合AWS的其他服务和功能来实现对特定终端或客户端的访问控制。以下是几种常见的方法：1.使用预签名URL和条件限制AWSS3预签名URL支持通过条件（Condition）来限制访问。虽然不能直接使用clientID，但可以通过IP地址、请求头等条件来限制访问。示例：通过IP地址限制访问pack
  • 移动端IOS的H5页面被键盘顶起后，底部有一大片空白区域的解决方法 不怕麻烦的鹿丸 浏览器HTML5JavaScript前端html5javascript
    在移动端开发中，当使用HTML5(特别是在Vue.js框架下)构建应用时，经常会遇到键盘弹出导致页面内容被顶起的问题。当键盘收起后，页面未能自动恢复到原来的位置。当键盘弹出时，你可以通过JavaScript监听键盘的显示和隐藏事件，并相应地调整页面的滚动位置。exportdefault{mounted(){window.addEventListener('focusin',this.handleF
  • taro-vue2 如何使用国密加解密 周亚鑫 tarojavascript开发语言
    taro-vue2如何使用国密加解密returnunescape(encodeURIComponent(str)).split("").map(val=>val.charCodeAt());​returndecodeURIComponent(escape(String.fromCharCode(...strBuffer)));constsm2=require('miniprogram-sm-cry
  • 【初学者】用Python语言来解释指针的用例与应用场景 lisw05 pythonpython开发语言
    李升伟整理Python本身并不直接支持指针的概念，因为Python是一种高级语言，内存管理由解释器自动处理。不过，Python提供了一些机制（如引用、可变对象等）来实现类似指针的功能。以下是Python中“指针”的用例和应用场景。1.引用机制（类似指针）在Python中，变量是对对象的引用，而不是直接存储对象的值。这种引用机制类似于指针的概念。示例：a=10#a是对整数对象10的引用b=a#b也引
  • 【unity&Node.js篇】多人联机游戏开发代码规范 雅鸦 unitynode.js代码规范
    多人联机游戏前端（Unity）与后端（Node.js）代码规范说明书这份代码规范旨在帮助多人联机游戏的开发团队建立一致性和高质量的代码标准，涵盖前端（Unity）和后端（Node.js）开发部分。无论是游戏逻辑的实现、多人同步机制、网络通信还是错误处理，都需要清晰的规范来确保代码的可维护性、可扩展性与高效性。1.Unity前端代码规范1.1命名规范变量、函数命名：使用PascalCase（大驼峰）
  • Socketioxide：Rust 中的 Socket.IO 服务器实现 时闯虎
    Socketioxide：Rust中的Socket.IO服务器实现socketioxideAsocket.ioserverimplementationinRustthatintegrateswiththeTowerecosystemandtheTokiostack.项目地址:https://gitcode.com/gh_mirrors/so/socketioxide项目介绍Socketioxide
  • Rust为Node.js开发者设计：入门到实战 平依佩Ula
    Rust为Node.js开发者设计：入门到实战rust-for-node-developersAnintroductiontotheRustprogramminglanguageforNodedevelopers.项目地址:https://gitcode.com/gh_mirrors/ru/rust-for-node-developers项目介绍欢迎来到《Rust为Node.js开发者设计》的实践
  • NestJS Bull 和 BullMQ 模块：高效、可扩展的后端应用框架 严微海
    NestJSBull和BullMQ模块：高效、可扩展的后端应用框架bullBullmoduleforNestframework(node.js):cow:项目地址:https://gitcode.com/gh_mirrors/bul/bull项目介绍NestJS是一个基于Node.js的渐进式框架，专为构建高效且可扩展的服务器端应用程序而设计。NestJSBull和BullMQ模块是其生态系统中的
  • PHP从零实现区块链（网页版五）地址、密钥和钱包 Bczheng1 #php从零实现区块链(网页版)区块链
    源码地址：PHP从零实现区块链（五）地址、密钥和钱包-简书注：本例只是从网页版实现一下原理，源码非本人所写，只是将原帖的源码更改了一下，变成网页版在开始例子之前，我们需要安装两个库,并了解库中一些函数的用法。我们先进入mylaravel6目录，然后输入：composerrequirebitwasp/bitcoin安装bitwasp/bitcoin库。但是报一堆错，最下面有这两句：Alternati
  • mkcert 极简安装及使用步骤 学亮编程手记 Linuxssl
    1.安装mkcertmacOSbrewinstallmkcertLinuxsudoaptinstalllibnss3-toolscurl-JLO"https://dl.filippo.io/mkcert/latest?for=linux/amd64"chmod+xmkcert-v*-linux-amd64sudomvmkcert-v*-linux-amd64/usr/local/bin/mkcer
  • Node.js系列（5）--数据库操作指南 一进制ᅟᅠ        ‌‍‎‏  Node.jsnode.js数据库
    Node.js数据库操作指南引言数据库操作是Node.js应用开发中的关键环节。本文将深入探讨Node.js数据库操作的实现方案，包括连接管理、查询优化、事务处理等方面，帮助开发者构建高效可靠的数据访问层。数据库操作概述Node.js数据库操作主要包括以下方面：连接管理：连接池、故障恢复、负载均衡查询处理：SQL构建、参数绑定、结果映射事务管理：事务控制、隔离级别、一致性保证性能优化：查询优化、缓
  • 如何通过宠物用品条形码实现高效库存管理？ 爱码字的小印 条形码经验分享宠物
    在宠物用品行业，每件产品都有自己独特的小故事：宠物的玩具、食品、衣物甚至小零食，都是专门为它们设计的小惊喜。然而，管理这些宠物用品却不简单，尤其是当库存越来越多的时候无数的宠物用品堆满货架，找一袋猫粮却像在玩捉迷藏，这简直让人头疼！宠物用品条形码的出现正是为了解决这个问题。那么，宠物用品条形码究竟如何发挥作用？条形码生成又有哪些便捷工具？什么是宠物用品条形码？宠物用品条形码是一种广泛用于库存管理的
  • python、JavaScript 、JAVA等实例代码演示教你如何免费获取股票数据（实时数据、历史数据、CDMA、KDJ等指标数据）配有股票数据API接口说明文档详解参数说明 蝶澈乐乐 pythonjavascriptjava股票数据接口api开发语言
    近一两年来，股票量化分析逐渐受到广泛关注。而作为这一领域的初学者，首先需要面对的挑战就是如何获取全面且准确的股票数据。因为无论是实时交易数据、历史交易记录、财务数据还是基本面信息，这些数据都是我们进行量化分析时不可或缺的宝贵资源。我们的核心任务是从这些数据中挖掘出有价值的信息，为我们的投资策略提供有力的支持。在寻找数据的过程中，我尝试了多种途径，包括自编网易股票页面爬虫、申万行业数据爬虫，以及同花
  • 31天Python入门——第7天:集合·字典你真的懂了吗? 安然无虞 Python手把手教程python开发语言后端
    你好，我是安然无虞。文章目录1.集合1.1集合的定义1.2集合的常用操作1.3集合练习2.字典2.1字典的定义2.2嵌套字典和字典的取值2.3字典的常用操作补充知识:字典的优势是查找值效率高2.4字典推导式2.5字典练习很重要的补充练习:希望你能掌握练习一练习二1.集合在之前的章节中,我们学习了列表,元组,字符串.已经可以覆盖七成的使用场景了.那么为什么还要学习集合类型呢.列表:有序可变,元素可重
  • 使用opencv鼠标回调函数选择ROI区域 开门儿大弟子 opencv人工智能c++计算机视觉
    使用opencv绘制矩形ROI，点击鼠标左键开始绘制，鼠标右键退出绘制并返回矩形左上角和右下角坐标。可绘制多个ROI区域(图中红色区域)/****************************************函数名称:MouseCallbackDrawRect()函数功能:绘制矩形回调函数***************************************/booldrawin
  • flutter 使用xcodebuild 命令打包ipa 肥肥呀呀呀 flutter
    苹果打ipa包(注意苹果打包需要连接真机)方式一、1.先执行flutterbuildios生成framework2.执行命令xcodebuild-exportArchive-archivePathbuild/ios/Runner.xcarchive-exportOptionsPlistexportOptions.plist-exportPathbuild/ios/ipaexportOptions.
  • java替换特殊字符,如何替换字符串中的特殊字符？ 大禹昆仑
    那取决于你的意思。如果您只是想摆脱它们，请执行以下操作：(更新：显然您也想保留数字，在这种情况下，请使用第二行)StringalphaOnly=input.replaceAll("[^a-zA-Z]+","");StringalphaAndDigits=input.replaceAll("[^a-zA-Z0-9]+","");或等效的：StringalphaOnly=input.replaceAl
  • 【Kivy App】ToggleButton切换按钮实例 Botiway 移动APPKivypython
    在Kivy中，ToggleButton是一种特殊的按钮，它可以在“选中”和“未选中”两种状态之间切换。ToggleButton通常用于表示二进制状态（如开/关）。以下是ToggleButton的使用方法、常用属性以及实例。1.基本使用方法首先，确保你已经安装了Kivy库。如果没有安装，可以使用以下命令进行安装：pipinstallkivy然后，你可以在Kivy应用中创建一个ToggleButton
  • 一款适用于 Windows 、Mac 和 Linux 的屏幕录制与截图软件。 Mbblovey 开发语言开源软件电脑java
    Screenrec是一款适用于Windows、Mac和Linux的屏幕录制与截图软件。软件本身可以免费使用，只需要登录即可使用全部功能。当咱们打开软件后，电脑右边就会出现一个小漂浮窗。点击上方的图标就能一键开启视频录制、截屏等功能。Screenrec很有意思的是可以在开始录制屏幕的同时录制咱们的网络摄像头视频和麦克风音频。在录制完成后大家可能会发现右下角软件会给大家发出一个提醒。这就是它的另一个特
  • 数据结构-ArrayList 小豪GO! java的养成方法java
    文章目录1.线性表2.顺序表3.ArrayList4.ArrayList的问题以及思考4.2增容的性能消耗问题4.3空间浪费问题1.线性表线性表（LinearList）是n个具有相同特性的数据元素的有限序列。线性表是一种在实际中广泛使用的数据结构，常见线性表：顺序表、链表、栈、队列…线性表在逻辑上是线性结构，也就是连续的一条直线。但是在物理上不一定是连续的，线性表在物理上存储时，通常以数组和链式结
  • 打造城市二手房分析与可视化系统+聚类分析+58爬虫+线性回归 OverlordDuke 聚类算法数据可视化爬虫线性回归算法
    打造城市二手房分析与可视化系统+聚类分析+58爬虫+线性回归利用数据实现全面分析数据分析与可视化功能创新的聚类分析功能结语在如今房地产市场日益复杂的背景下，对于投资者、购房者和市场分析师来说，了解市场动态并做出明智的决策至关重要。基于此，我们开发了一款基于Python的城市二手房分析与可视化系统，为用户提供了强大的工具，帮助他们深入了解当地房地产市场。利用数据实现全面分析我们的系统利用爬取的58同
  • python-56-基于Vue和Flask进行前后端分离的项目开发示例实战 皮皮冰燃 python3pythonvue.jsflask
    文章目录1创建Vue前端项目1.1运行demo1.2实现需求2flask部署上述dist(前后端未分离)2.1代码app.py2.2运行访问3nginx部署(前后端分离)3.1nginx前端服务3.3.1windows安装nginx3.3.2修改nginx.conf配置文件3.3.3启动nginx3.3.3停止nginx3.2启动后端服务3.2.1app.py(去除前端渲染)3.2.2启动flas
  • flutter 专题 一百零三 leluckys Flutter面试与实战fluttercocoamacos
    前不久，谷歌官方正式发布了Flutter的首个发布预览版（ReleasePreview1），这标志着谷歌进入了Flutter正式版（1.0）发布前的最后阶段，同时作为Google的重量级跨平台开发方案，此次更新也吸引了多数的移动开发者的关注。使用Flutter从头开始写一个App是一件非常轻松惬意的事情，但在原生APP中接入Flutter会是什么效果呢，似乎并不是一件容易的事情，下面就讲解在iOS
  • 淘宝API接口深度解析：用户行为分析与精准营销实战 lovelin+vI7809804594 爬虫人工智能python反向海淘API
    在电子商务领域，数据是驱动业务增长的关键要素之一。淘宝API接口作为连接商家与淘宝平台的桥梁，为商家提供了丰富的数据资源和强大的功能支持。其中，用户行为分析与精准营销是商家利用淘宝API接口实现业务增长的重要手段。本文将深入解析淘宝API接口在用户行为分析与精准营销方面的应用，并结合实战案例探讨其实际效果。一、淘宝API接口概述淘宝API接口是淘宝开放平台提供的一组标准化的网络接口，允许第三方开发
  • 基于百度翻译的python爬虫示例 魂万劫 python爬虫开发语言百度翻译
    (今年java工作真难找啊，有广州java高级岗位招人的好心人麻烦推一下，拜谢。。）花了一周时间，从零基础开始学习了python，学有所获之后，就总想爬些什么，不然感觉不得劲，所以花了一天时间整出了个百度翻译的爬虫示例，主要卡点花在了找token、sign以及调试请求上。代码有点乱，毕竟是demo，但是功能是实现了的。importrequestsimportjs2pyimportrefromurl
  • 使用 EchoAPI 实现 API 断言的全面指南 Kairo_01 postman
    API断言是API测试中的一个关键部分。通过执行API断言，您可以验证API响应数据的准确性，从而增强API的可靠性和稳定性。在本文中，我们将介绍API断言的基础知识，并演示如何通过用户友好的API测试工具Apipost来轻松执行响应断言。什么是API断言？API断言是指验证API响应返回的数据是否正确并符合预期的过程。具体而言，主要包括以下检查：验证响应状态码是否在预期范围内。确保响应体内容与规
  • ASM系列六 利用TreeApi 添加和移除类成员 lijingyao8206 jvm动态代理ASM字节码技术TreeAPI
        同生成的做法一样，添加和移除类成员只要去修改fields和methods中的元素即可。这里我们拿一个简单的类做例子，下面这个Task类，我们来移除isNeedRemove方法，并且添加一个int 类型的addedField属性。   package asm.core; /** * Created by yunshen.ljy on 2015/6/
  • Springmvc-权限设计 bee1314 springWebjsp
    万丈高楼平地起。 权限管理对于管理系统而言已经是标配中的标配了吧，对于我等俗人更是不能免俗。同时就目前的项目状况而言，我们还不需要那么高大上的开源的解决方案，如Spring Security，Shiro。小伙伴一致决定我们还是从基本的功能迭代起来吧。 目标： 1.实现权限的管理（CRUD） 2.实现部门管理 （CRUD) 3.实现人员的管理 （CRUD） 4.实现部门和权限
  • 算法竞赛入门经典（第二版）第2章习题 CrazyMizzz c算法
    2.4.1 输出技巧 #include <stdio.h> int main() { int i, n; scanf("%d", &n); for (i = 1; i <= n; i++) printf("%d\n", i); return 0; } 习题2-2 水仙花数(daffodil
  • struts2中jsp自动跳转到Action 麦田的设计者 jspwebxmlstruts2自动跳转
    1、在struts2的开发中，经常需要用户点击网页后就直接跳转到一个Action，执行Action里面的方法，利用mvc分层思想执行相应操作在界面上得到动态数据。毕竟用户不可能在地址栏里输入一个Action（不是专业人士）   2、＜jsp:forward page="xxx.action" /＞ ，这个标签可以实现跳转，page的路径是相对地址,不同与jsp和j
  • php 操作webservice实例 IT独行者 PHPwebservice
    首先大家要简单了解了何谓webservice，接下来就做两个非常简单的例子，webservice还是逃不开server端与client端。我测试的环境为：apache2.2.11 php5.2.10做这个测试之前，要确认你的php配置文件中已经将soap扩展打开，即extension=php_soap.dll; OK 现在我们来体验webservice //server端 serve
  • Windows下使用Vagrant安装linux系统 _wy_ windowsvagrant
    准备工作： 下载安装 VirtualBox ：https://www.virtualbox.org/ 下载安装 Vagrant ：http://www.vagrantup.com/ 下载需要使用的 box ： 官方提供的范例：http://files.vagrantup.com/precise32.box 还可以在 http://www.vagrantbox.es/ 
  • 更改linux的文件拥有者及用户组(chown和chgrp) 无量 clinuxchgrpchown
    本文（转） http://blog.163.com/yanenshun@126/blog/static/128388169201203011157308/ http://ydlmlh.iteye.com/blog/1435157 一、基本使用： 使用chown命令可以修改文件或目录所属的用户：        命令
  • linux下抓包工具 矮蛋蛋 linux
    原文地址： http://blog.chinaunix.net/uid-23670869-id-2610683.html tcpdump -nn -vv -X udp port 8888 上面命令是抓取udp包、端口为8888 netstat -tln 命令是用来查看linux的端口使用情况 13 . 列出所有的网络连接 lsof -i 14. 列出所有tcp 网络连接信息 l
  • 我觉得mybatis是垃圾！：“每一个用mybatis的男纸，你伤不起” alafqq mybatis
    最近看了  每一个用mybatis的男纸，你伤不起 原文地址 ：http://www.iteye.com/topic/1073938 发表一下个人看法。欢迎大神拍砖； 个人一直使用的是Ibatis框架，公司对其进行过小小的改良； 最近换了公司，要使用新的框架。听说mybatis不错；就对其进行了部分的研究； 发现多了一个mapper层；个人感觉就是个dao；
  • 解决java数据交换之谜 百合不是茶 数据交换
    交换两个数字的方法有以下三种 ，其中第一种最常用   /* 输出最小的一个数 */ public class jiaohuan1 { public static void main(String[] args) { int a =4; int b = 3; if(a<b){ // 第一种交换方式 int tmep =
  • 渐变显示 bijian1013 JavaScript
    <style type="text/css"> #wxf { FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#97FF98); height: 25px; } </style>
  • 探索JUnit4扩展：断言语法assertThat bijian1013 java单元测试assertThat
    一.概述         JUnit 设计的目的就是有效地抓住编程人员写代码的意图，然后快速检查他们的代码是否与他们的意图相匹配。 JUnit 发展至今，版本不停的翻新，但是所有版本都一致致力于解决一个问题，那就是如何发现编程人员的代码意图，并且如何使得编程人员更加容易地表达他们的代码意图。JUnit 4.4 也是为了如何能够
  • 【Gson三】Gson解析{"data":{"IM":["MSN","QQ","Gtalk"]}} bit1129 gson
      如何把如下简单的JSON字符串反序列化为Java的POJO对象? {"data":{"IM":["MSN","QQ","Gtalk"]}}   下面的POJO类Model无法完成正确的解析：   import com.google.gson.Gson;
  • 【Kafka九】Kafka High Level API vs. Low Level API bit1129 kafka
    1. Kafka提供了两种Consumer API High Level Consumer API Low Level Consumer API(Kafka诡异的称之为Simple Consumer API，实际上非常复杂) 在选用哪种Consumer API时，首先要弄清楚这两种API的工作原理，能做什么不能做什么，能做的话怎么做的以及用的时候，有哪些可能的问题  
  • 在nginx中集成lua脚本：添加自定义Http头，封IP等 ronin47 nginx lua
    Lua是一个可以嵌入到Nginx配置文件中的动态脚本语言，从而可以在Nginx请求处理的任何阶段执行各种Lua代码。刚开始我们只是用Lua 把请求路由到后端服务器，但是它对我们架构的作用超出了我们的预期。下面就讲讲我们所做的工作。 强制搜索引擎只索引mixlr.com Google把子域名当作完全独立的网站，我们不希望爬虫抓取子域名的页面，降低我们的Page rank。 location /{
  • java-归并排序 bylijinnan java
    import java.util.Arrays; public class MergeSort { public static void main(String[] args) { int[] a={20,1,3,8,5,9,4,25}; mergeSort(a,0,a.length-1); System.out.println(Arrays.to
  • Netty源码学习-CompositeChannelBuffer bylijinnan javanetty
    CompositeChannelBuffer体现了Netty的“Transparent Zero Copy” 查看API（ http://docs.jboss.org/netty/3.2/api/org/jboss/netty/buffer/package-summary.html#package_description） 可以看到，所谓“Transparent Zero Copy”是通
  • Android中给Activity添加返回键 hotsunshine Activity
    // this need android:minSdkVersion="11" getActionBar().setDisplayHomeAsUpEnabled(true); @Override public boolean onOptionsItemSelected(MenuItem item) {
  • 静态页面传参 ctrain 静态
    $(document).ready(function () { var request = { QueryString : function (val) { var uri = window.location.search; var re = new RegExp("" + val + "=([^&?]*)", &
  • Windows中查找某个目录下的所有文件中包含某个字符串的命令 daizj windows查找某个目录下的所有文件包含某个字符串
    findstr可以完成这个工作。   [html]  view plain copy   >findstr /s /i "string" *.*   上面的命令表示，当前目录以及当前目录的所有子目录下的所有文件中查找"string&qu
  • 改善程序代码质量的一些技巧 dcj3sjt126com 编程PHP重构
    有很多理由都能说明为什么我们应该写出清晰、可读性好的程序。最重要的一点，程序你只写一次，但以后会无数次的阅读。当你第二天回头来看你的代码 时，你就要开始阅读它了。当你把代码拿给其他人看时，他必须阅读你的代码。因此，在编写时多花一点时间，你会在阅读它时节省大量的时间。让我们看一些基本的编程技巧：    尽量保持方法简短    尽管很多人都遵
  • SharedPreferences对数据的存储 dcj3sjt126com
    SharedPreferences简介：                                                   &nbs
  • linux复习笔记之bash shell (2) bash基础 eksliang bashbash shell
    转载请出自出处： http://eksliang.iteye.com/blog/2104329 1.影响显示结果的语系变量（locale）  1.1locale这个命令就是查看当前系统支持多少种语系，命令使用如下： [root@localhost shell]# locale LANG=en_US.UTF-8 LC_CTYPE="en_US.UTF-8"
  • Android零碎知识总结 gqdy365 android
    1、CopyOnWriteArrayList add(E) 和remove(int index)都是对新的数组进行修改和新增。所以在多线程操作时不会出现java.util.ConcurrentModificationException错误。 所以最后得出结论：CopyOnWriteArrayList适合使用在读操作远远大于写操作的场景里，比如缓存。发生修改时候做copy，新老版本分离，保证读的高
  • HoverTree.Model.ArticleSelect类的作用 hvt Web.netC#hovertreeasp.net
    ArticleSelect类在命名空间HoverTree.Model中可以认为是文章查询条件类，用于存放查询文章时的条件，例如HvtId就是文章的id。HvtIsShow就是文章的显示属性，当为-1是，该条件不产生作用，当为0时，查询不公开显示的文章，当为1时查询公开显示的文章。HvtIsHome则为是否在首页显示。HoverTree系统源码完全开放，开发环境为Visual Studio 2013
  • PHP 判断是否使用代理 PHP Proxy Detector 天梯梦 proxy
    1. php 类 I found this class looking for something else actually but I remembered I needed some while ago something similar and I never found one. I'm sure it will help a lot of developers who try to
  • apache的math库中的回归——regression（翻译） lvdccyb Mathapache
    这个Math库，虽然不向weka那样专业的ML库，但是用户友好，易用。 多元线性回归，协方差和相关性（皮尔逊和斯皮尔曼），分布测试（假设检验，t，卡方，G），统计。   数学库中还包含，Cholesky，LU，SVD，QR，特征根分解，真不错。   基本覆盖了：线代，统计，矩阵， 最优化理论 曲线拟合 常微分方程 遗传算法（GA）， 还有3维的运算。。。
  • 基础数据结构和算法十三：Undirected Graphs (2) sunwinner Algorithm
      Design pattern for graph processing. Since we consider a large number of graph-processing algorithms, our initial design goal is to decouple our implementations from the graph representation
  • 云计算平台最重要的五项技术 sumapp 云计算云平台智城云
    云计算平台最重要的五项技术 1、云服务器 云服务器提供简单高效，处理能力可弹性伸缩的计算服务，支持国内领先的云计算技术和大规模分布存储技术，使您的系统更稳定、数据更安全、传输更快速、部署更灵活。 特性 机型丰富 通过高性能服务器虚拟化为云服务器，提供丰富配置类型虚拟机，极大简化数据存储、数据库搭建、web服务器搭建等工作； 仅需要几分钟，根据CP
  • 《京东技术解密》有奖试读获奖名单公布 ITeye管理员 活动
    ITeye携手博文视点举办的12月技术图书有奖试读活动已圆满结束，非常感谢广大用户对本次活动的关注与参与。  12月试读活动回顾： http://webmaster.iteye.com/blog/2164754 本次技术图书试读活动获奖名单及相应作品如下： 一等奖（两名） Microhardest：http://microhardest.ite
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他