JS无缝滚动

思路：

1、获取元素。

2、要使图片动起来就是用setInterval来改变，如往左边滚动就改变offsetLeft，把图片的左边距改为负数。

3、当图片往左滚的时候，右边就会出现空白，这时候需要用innerHTML复制原来的4个li 形成8个li

4、就算有8个li，但总会有滚到尽头的时候，这时就做一个判断当offsetLeft大于ul宽度的一半时，把ul拉回来0的位置（往左滚）。

5、当offsetLeft大于0时，就把Left设置为负ul 宽度的一半。（往右滚）

6、鼠标指向图片，图片停止。

7、鼠标离开图片，图片继续滚动。

8、往左滚 往右滚就是控制offsetLeft，负数就是向左滚，正数就是向右滚。

 

JS代码：

 1 <script>

 2 window.onload=function()

 3 {

 4     var pic=document.getElementById('pic');

 5     var ul=pic.getElementsByTagName('ul')[0];

 6     var li=pic.getElementsByTagName('li');

 7     var left=document.getElementById('left');

 8     var right=document.getElementById('right');

 9     var speed=2;

10     

11     ul.innerHTML=ul.innerHTML+ul.innerHTML;

12     ul.style.width=li[0].offsetWidth*li.length+'px';

13             

14     var move=function(){

15         if(ul.offsetLeft<-ul.offsetWidth/2){

16             ul.style.left='0';

17         }

18         if(ul.offsetLeft>0){

19             ul.style.left=-ul.offsetWidth/2+'px';

20         }

21         ul.style.left=ul.offsetLeft+speed+'px';

22     }

23     

24     var timer=setInterval(move,30);

25     

26     pic.onmouseover=function()

27     {

28         clearInterval(timer);

29     };    

30     

31     pic.onmouseout=function()

32     {

33         setInterval(move,30);

34     };

35     

36     left.onclick=function()

37     {

38         speed=-2;

39     };

40     

41     right.onclick=function()

42     {

43         speed=2;

44     };    

45 };

46 </script>

 

完整代码：

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 2 <html xmlns="http://www.w3.org/1999/xhtml">

 3 <head>

 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

 5 <title>JS无缝滚动</title>

 6 <style>

 7 *{margin:0;padding:0;}

 8 #pic{position:relative;width:600px;height:150px;overflow:hidden;background:#000;margin:300px auto;}

 9 #pic ul{position:absolute;top:0;left:0;}

10 #pic ul li{float:left;list-style:none;height:150px;width:150px;}

11 </style>

12 <script>

13 window.onload=function()

14 {

15     var pic=document.getElementById('pic');

16     var ul=pic.getElementsByTagName('ul')[0];

17     var li=pic.getElementsByTagName('li');

18     var left=document.getElementById('left');

19     var right=document.getElementById('right');

20     var speed=2;

21     

22     ul.innerHTML=ul.innerHTML+ul.innerHTML;

23     ul.style.width=li[0].offsetWidth*li.length+'px';

24             

25     var move=function(){

26         if(ul.offsetLeft<-ul.offsetWidth/2){

27             ul.style.left='0';

28         }

29         if(ul.offsetLeft>0){

30             ul.style.left=-ul.offsetWidth/2+'px';

31         }

32         ul.style.left=ul.offsetLeft+speed+'px';

33     }

34     

35     var timer=setInterval(move,30);

36     

37     pic.onmouseover=function()

38     {

39         clearInterval(timer);

40     };    

41     

42     pic.onmouseout=function()

43     {

44         setInterval(move,30);

45     };

46     

47     left.onclick=function()

48     {

49         speed=-2;

50     };

51     

52     right.onclick=function()

53     {

54         speed=2;

55     };    

56 };

57 </script>

58 </style>

59 </head>

60 

61 <body>

62     <a id="left" href="javascript:">左</a>

63     <a id="right" href="javascript:">右</a>

64 <div id="pic">

65     <ul>

66         <li><img src="images/1.jpg" /></li>

67         <li><img src="images/2.jpg" /></li>

68         <li><img src="images/3.jpg" /></li>

69         <li><img src="images/4.jpg" /></li>

70     </ul>

71 </div>

72 </body>

73 </html>

 

offsetLeft：左边距，这个边距是所有作用于元素后的边距，会算上margin padding等

你可能感兴趣的:(无缝滚动)

  • 无缝滚动、ajax 时光清浅_许你心安_
    无缝滚动无缝滚动body,ul,li{margin:0;padding:0}ul{list-style:none;}.slide{width:500px;height:100px;border:1pxsolid#ddd;margin:20pxauto0;position:relative;overflow:hidden;}.slideul{position:absolute;/*相对于slide进
  • 大屏可视化项目之vue3-seamless-scroll无缝滚动组件（一）——基本使用_vue seamless scroll官网 2401_84411822 vue.jsjavascript前端
    import{defineComponent,ref}from“vue”;import{Vue3SeamlessScroll}from“vue3-seamless-scroll”;exportdefaultdefineComponent({name:“App”,components:{Vue3SeamlessScroll},setup(){constlist=ref([{title:“Vue3.0
  • angular html 文字向上无缝滚动 陌归
    样式要重新自己写body{font-size:12px}#demo{overflow:hidden;height:80px;width:280px;margin:90pxauto;position:relative;}#demo1{height:auto;text-align:left;}#demo2{height:auto;text-align:left;}#demo1li,#demo2li{l
  • 无缝滚动 吃肉肉不吃肉肉
    javascript第1章javascript第2章javascript第3章javascript第4章javascript第5章javascript第6章javascript第7章javascript第8章javascript第9章javascript第10章设置css样式：*{margin:0;padding:0;}ul{list-style:none;}li{line-height:37px
  • el-table表格无缝滚动 爱学习的新一
    复制代码可以直接用element-uitable自动滚动newVue({el:'#app',data(){return{//表格数据tableData:[{date:'2016-05-03',name:'王小虎',address:'上海市普陀区金沙江路1518弄'},{date:'2016-05-02',name:'王小虎',address:'上海市普陀区金沙江路1518弄'},{date:'20
  • 无缝移动，input框和其它事件，bine绑定事件，自定义事件，鼠标移入移出 发报员有问题私小鹏
    无缝滚动body,ul,li{margin:0;padding:0}ul{list-style:none;}.slide{width:500px;height:100px;border:1pxsolid#ddd;margin:20pxauto0;position:relative;overflow:hidden;}.slideul{position:absolute;width:1000px;he
  • vue基于vue-seamless-scroll实现无缝滚动效果 Wild～～ 无缝滚动vue.js前端javascript
    参考文章：https://blog.csdn.net/Shids_/article/details/121925398使用步骤：1、安装插件npmivue-seamless-scroll2、main.js里全局引入importscrollfrom'vue-seamless-scroll'Vue.use(scroll)3、dom渲染4、配置项另外，如果的react可以参考插件"react-seaml
  • vue 走马灯无缝滚动轮播图 vue-seamless-scroll Nicole.oO vuevue.jsjavascripthtml5reactjquery
    效果图GIF软件有点问题出现抖动（献丑了QAQ）1.安装vue-seamless-scrollnpminstallvue-seamless-scroll--save//或yarnaddvue-seamless-scroll2.引入组件importvueSeamlessScrollfrom'vue-seamless-scroll'3引用//注册components:{vueSeamlessScrol
  • 好用的vue项目插件 哆来A梦没有口袋 vue好用的vue的插件vue的富文本插件vue的无缝滚动插件vue的拖拽剪裁插件vue插件推荐
    1.vue-seamless-scroll无缝滚动-vue-seamless-scroll的简介及使用教程-MadewithVuejs2.富文本(1)avue-plugin-ueditoravue-plugin-ueditor:avue富文本编辑器(2)wangeditorwangEditor3.vue-monoplasty-slide-verify滑动验证码vue-monoplasty-slid
  • react 使用react-seamless-scroll实现无缝滚动 范特西是只猫 react常用示例专栏react.js无缝滚动单步向下滚动
    文章目录1.实现无缝滚动效果2.react-seamless-scroll无缝滚动案例介绍3.react项目集成3.1项目引入`cssSeamlessScroll`滚动组件3.2完整代码3.2.1newBet.tsx代码3.2.2index.module.scss1.实现无缝滚动效果实现单步向下滚动点击更多展开，收起，调整scroll高度2.react-seamless-scroll无缝滚动案例介
  • 在 Nuxt中 使用 vue-seamless-scroll 要开心
    之前在其他项目中用过一个无缝滚动的组件vue-seamless-scroll感觉还可以，然后打算在Nuxt项目中继续使用，但是该组件的作者表示暂不支持Nuxt，但实际上我们可以通过添加标签来解决这个问题，组件的演示地址。一、安装vue-seamless-scrollnpminstallvue-seamless-scroll--save二、修改配置在plugins目录中新建seamless-scro
  • 无缝滚动，input框和其他事件，bind绑定事件，鼠标移入 移出 所有心动都给你
    无缝滚动body,ul,li{margin:0;padding:0}ul{list-style:none;}.slide{width:500px;height:100px;border:1pxsolid#ddd;margin:20pxauto0;position:relative;overflow:hidden;}.slideul{position:absolute;width:1000px;he
  • 无缝滚动，input框架和其他事件，bind绑定事件，自定义事件，鼠标移入移出 wyc111
    鼠标移入移除$(function(){//$('#div1').mouseover(function(){//$(this).stop().animate({marginvTop:50});//})鼠标移入移入子元素会触发事件发生在谁身上$(this)就是谁//$('#div1').mouselout(function(){//$(this).stop().animate({marginvTop:
  • 前端常用js、css效果 yijianace 前端前端javascriptcss
    前端常用js效果效果参考代码文本横向滚动文本无限滚动无缝轮播无缝滚动盒子上下移动樱花飘落效果主要整理了几个常用的，方便平时做项目的时候参考文本横向滚动文本无限滚动无缝轮播无缝滚动盒子上下滚动樱花飘落效果参考代码文本横向滚动横向滚动文字这是要滚动的文本内容。.scroll-container{width:300px;height:30px;margin:20pxauto;border:1pxsoli
  • vue大屏列表无缝滚动之vue-seamless-scroll 阳光下的小蒙 大屏vue.jsjavascript前端
    vue-seamless-scroll是一个基于Vue.js的简单无缝滚动组件,基于requestAnimationFrame实现,配置多满足多样需求。目前支持上下左右无缝滚动，单步滚动，以及支持水平方向的手动切换功能官方文档：vue-seamless-scroll的简介及使用教程-MadewithVuejs一，下包npm安装：npminstallvue-seamless-scroll--save
  • Vue无缝滚动 走马灯vue-seamless-scroll zZ_d205
    网址https://chenxuan1993.gitee.io/component-document/index_prod#/component/seamless-default1、安装vue-seamless-scrollnpminstallvue-seamless-scroll--save2、引入组件importvueSeamlessScrollfrom'vue-seamless-scroll
  • 各种图片滚动/无缝滚动/文字滚动/跑马灯效果/导航/手风琴效果/轮播 季夏梧桐 html前端
    各种图片滚动/无缝滚动/文字滚动/跑马灯效果/导航/手风琴效果各种图片滚动/无缝滚动/文字滚动/跑马灯效果/导航/手风琴效果/轮播-遇见你与你分享
  • vue结合element ui实现文字消息上下无缝滚动切换 Alone深秋 VueElementUIvueelementui
    最近项目里需要个消息翻滚一条条出现的效果，如下图：正在用原生js操作的时候，突然想起elementui有个走马灯（Carousel），这个走马灯可以实现前端比较常用的轮播效果，那肯定也能实现这个功能消息无缝翻滚出现的功能。话不多说，下面放代码：html部分：0">{{item.title}}解释下上面的重点：1、elementui的走马灯direction默认为horizontal（横向切换），通
  • vue 文字无缝滚动_详解vue 自定义marquee无缝滚动组件 老宋的茶书会 vue文字无缝滚动
    先上效果图：(1)看起来可能有点卡顿，但是实际上页面上看起来挺顺畅的。(2)思路就是获取每一个列表的宽度，设置定时器移动列表，当移动的距离达到一个列表的宽度的时候，把这个距离放到数组的最后。这样就能达成无缝循环滚动了。大致的情况就是下面这样：接下来就是代码的实现：index.vue引入组件importmarqueeleftfrom'../components/marquee'exportdefau
  • vue实现自动滚动、向上滚动的效果循环无缝滚动组件vue-seamless-scroll 雯雯1688 vue.jsjavascript前端
    如图所示可以看到它自动向上滚动以及鼠标移动进入表格则停止滚动1.第一步进行安装npminstallvue-seamless-scroll--save2.在main.js直接导入使用importscrollfrom'vue-seamless-scroll'Vue.use(scroll)Test.vue来使用(结合ulli制作的表格来一起实现的)监管单位接入情况<ulclass=&
  • javascript各种方向图片无限无缝滚动 月影WEB
    javascript/js各种方向图片无限无缝滚动javascript/js图片向上无限无缝滚动varspeed=50;//控制滚动的速度快慢demo2.innerHTML=demo1.innerHTML;//将demo1里面的内容放到demo2里面functionMarquee(){if(demo2.offsetTop-demo.scrollTop月影webjavascript/js图片向下无限
  • el-table动态渲染列、可编辑单元格、虚拟无缝滚动 z_hboot
    针对日常开发的组件二次封装、方案设计实现。包括对el-table的动态渲染、单元格编辑；对于无缝滚动的实现，优化大数据量下的页面卡顿问题。1.el-table实现动态渲染列常规使用el-table用户信息exportdefault{data(){return{data:[]}},methods:{handleEdit(){}}}表格比较长时，需要些好多的el-table-column;所以想通过动
  • uniapp vue-seamlesss-croll组件第二次图片消失问题 sunyin.liu uniappvue.jsuni-appjavascript
    importvueSeamlessScrollfrom'vue-seamless-scroll'exportdefault{name:'Example10Basic',components:{vueSeamlessScroll},data(){return{listData:[{'title':'无缝滚动第一行无缝滚动第一行','date':'2017-12-16',image:"http://n
  • vue-seamless-scroll无缝滚动组件 加油，前进 vue.jsjavascript前端
    首先找到他的官网vue-seamless-scroll1.进行安装依赖vue2npminstallvue-seamless-scroll--savevue3npminstallvue3-seamless-scroll--save2.全局引入vue2importscrollfrom'vue-seamless-scroll'Vue.use(scroll)vue3importvue3SeamlessSc
  • CSS 实现无缝滚动 林中白虎 CSScss前端
    效果展示CSS知识点animation综合运用页面整体布局HTMLCSSJavaScriptReactVueFigmaPhotoShopAngularHTMLCSSJavaScriptReactVueFigmaPhotoShopAngular核心样式编写基础样式.scroll{position:relative;display:flex;width:700px;overflow:hidden;-w
  • 使用vue-seamless-scroll做无缝滚动，echarts无法显示 Bryant953 jsvuevue.js
    使用vue-seamless-scroll做无缝滚动，滚动列表中有echarts组件，滚动到第二次时会无法显示。查看源码发现第二次是第一次的备份，并且data-zr-dom-id一摸一样，会不会是由于data-zr-dom-id相同导致无法显示？各位大神有遇到类似问题吗？有的话请提供一下解决方案，感谢。
  • Vue无缝滚动 那个男孩 vuevue.jsjavascript前端
    .seamless-warp{height:229px;overflow:hidden;}exportdefault{data(){return{listData:[{'title':'无缝滚动第一行无缝滚动第一行','date':'2017-12-16'},{'title':'无缝滚动第二行无缝滚动第二行','date':'2017-12-16'},{'title':'无缝滚动第三行无缝滚动第三
  • Vue实现无缝滚动（vue-seamless-scroll插件） 唔希波西 vue.js前端javascriptelementui
    文章目录npm安装项目引用使用插件注意问题npm安装1.vue2npminstallvue-seamless-scroll--save2.vue3npminstallvue3-seamless-scroll--save项目引用在main.js中引入作为全局importseamlessScrollfrom'vue-seamless-scroll'Vue.use(seamlessScroll)使用ex
  • vue无缝滚动 许你满眼星辰 vue.jsjavascript
    1.安装依赖包npminstallvue-seamless-scroll--save2.main.js全局配置（配置一）importscrollfrom'vue-seamless-scroll'Vue.use(scroll)2.1页面配置(配置二)importvueSeamlessScrollfrom'vue-seamless-scroll'components:{vueSeamlessScrol
  • vue实现无缝滚动（vue-seamless-scroll插件、css动画、scrollTop方法） 路人贾！ 功能vue.jscss前端
    vue多种方式实现无缝滚动方法一：vue-seamless-scroll插件安装依赖全局引入组件组件使用，配置相关属性vue2vue3相关属性效果方法二：css动画实现无缝滚动方法三：使用scrollTop方法向上滚动方法一：vue-seamless-scroll插件安装依赖//vue2npminstallvue-seamless-scroll--save//vue3npminstallvue3-
  • 多线程编程之理财 周凡杨 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其他