luckberry
luckberry

仿腾讯网的JS图片切换代码

 

  
  
  
  
    
   
   
   
   
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    2. 
   
   
   
   
  2. <html xmlns="http://www.w3.org/1999/xhtml"> 
    3. 
   
   
   
   
  3. <head> 
    4. 
   
   
   
   
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    5. 
   
   
   
   
  5. <title>防腾讯网的JS图片切换代码 - www.webdm.cn</title> 
    6. 
   
   
   
   
  6. <STYLE type=text/css> 
    7. 
   
   
   
   
  7. body{margin: 0px;}  
    8. 
   
   
   
   
  8. A {COLOR: #313131;font-size: 9pt; TEXT-DECORATION: none}  
    9. 
   
   
   
   
  9. A:hover {COLOR: #d7000f; TEXT-DECORATION: underline}  
    10. 
   
   
   
   
  10. </STYLE> 
    11. 
   
   
   
   
  11. </head> 
    12. 
   
   
   
   
  12. <body> 
    13. 
   
   
   
   
  13. <table width="389" border="0" cellspacing="0" cellpadding="0" class="mt13"> 
    14. 
   
   
   
   
  14.   <tr> 
    15. 
   
   
   
   
  15.     <td height="339" background="http://www.webdm.cn/images/20100104/focus_bg.jpg"><!--focus--> 
    16. 
   
   
   
   
  16.         <style type="text/css"> 
    17. 
   
   
   
   
  17. .dis{display:block}  
    18. 
   
   
   
   
  18. .undis{display:none}  
    19. 
   
   
   
   
  19. .npim{border:#000 1px solid;}  
    20. 
   
   
   
   
  20. .npim1 img{border:#E5E5E5 3px solid}  
    21. 
   
   
   
   
  21. .nptx3{padding-left:207px;}  
    22. 
   
   
   
   
  22. .nptx3 div{width:21px; line-height:20px; text-align:center;  margin-left:3px; float:left;cursor:pointer;}  
    23. 
   
   
   
   
  23. .npfd1{background:url("http://www.webdm.cn/images/20100104/f_num_on.gif") no-repeat;}  
    24. 
   
   
   
   
  24. .npfd1 a,.npfd1 a:hover{color:#fff;text-decoration:none;}/* www.codefans.net */  
    25. 
   
   
   
   
  25. .npfd2{background:url("http://www.webdm.cn/images/20100104/f_num.gif") no-repeat;}  
    26. 
   
   
   
   
  26.             </style> 
    27. 
   
   
   
   
  27.         <div style="width:376px; height:300px; filter:progid:DXImagetransform.Microsoft.GradientWipe(duration=5,gradientSize=0.5,motion=forward ); margin:6px auto 0" id="fc"> 
    28. 
   
   
   
   
  28.           <!--周一--> 
    29. 
   
   
   
   
  29.           <table width="376" border="0" align="center" cellpadding="0" cellspacing="0"> 
    30. 
   
   
   
   
  30.             <tr> 
    31. 
   
   
   
   
  31.               <td class="npim"><a href="/" target="_blank" ><img src="http://www.webdm.cn/images/wall1.jpg" width="374" height="300" border="0" /></a></td> 
    32. 
   
   
   
   
  32.             </tr> 
    33. 
   
   
   
   
  33.           </table> 
    34. 
   
   
   
   
  34.           <!--周二--> 
    35. 
   
   
   
   
  35.           <table width="378" border="0" align="center" cellpadding="0" cellspacing="0" class="undis"> 
    36. 
   
   
   
   
  36.             <tr> 
    37. 
   
   
   
   
  37.               <td class="npim"><a href="/" target="_blank" ><img src="http://www.webdm.cn/images/wall2.jpg" width="374" height="300" border="0" /></a></td> 
    38. 
   
   
   
   
  38.             </tr> 
    39. 
   
   
   
   
  39.           </table> 
    40. 
   
   
   
   
  40.           <!--周三--> 
    41. 
   
   
   
   
  41.           <table width="378" border="0" align="center" cellpadding="0" cellspacing="0"> 
    42. 
   
   
   
   
  42.             <tr> 
    43. 
   
   
   
   
  43.               <td class="npim"><a href="/" target="_blank"><img src="http://www.webdm.cn/images/wall3.jpg" width="374" height="300" border="0" /></a></td> 
    44. 
   
   
   
   
  44.             </tr> 
    45. 
   
   
   
   
  45.           </table> 
    46. 
   
   
   
   
  46.           <!--周四 --> 
    47. 
   
   
   
   
  47.           <table width="378" border="0" align="center" cellpadding="0" cellspacing="0" class="undis"> 
    48. 
   
   
   
   
  48.             <tr> 
    49. 
   
   
   
   
  49.               <td class="npim"><a href="/" target="_blank" ><img src="http://www.webdm.cn/images/wall4.jpg" width="374" height="300" border="0" /></a></td> 
    50. 
   
   
   
   
  50.             </tr> 
    51. 
   
   
   
   
  51.           </table> 
    52. 
   
   
   
   
  52.           <!--周五--> 
    53. 
   
   
   
   
  53.           <table width="378" border="0" align="center" cellpadding="0" cellspacing="0"> 
    54. 
   
   
   
   
  54.             <tr> 
    55. 
   
   
   
   
  55.               <td class="npim"><a href="/" target="_blank" ><img src="http://www.webdm.cn/images/wall5.jpg" width="374" height="300" border="0" /></a></td> 
    56. 
   
   
   
   
  56.             </tr> 
    57. 
   
   
   
   
  57.           </table> 
    58. 
   
   
   
   
  58.           <!--周六--> 
    59. 
   
   
   
   
  59.           <table width="378" border="0" align="center" cellpadding="0" cellspacing="0" class="undis"> 
    60. 
   
   
   
   
  60.             <tr> 
    61. 
   
   
   
   
  61.               <td class="npim"><a href="/" target="_blank" ><img src="http://www.webdm.cn/images/wall6.jpg" width="374" height="300" border="0" /></a></td> 
    62. 
   
   
   
   
  62.             </tr> 
    63. 
   
   
   
   
  63.           </table> 
    64. 
   
   
   
   
  64.           <!--周日--> 
    65. 
   
   
   
   
  65.           <table width="378" border="0" align="center" cellpadding="0" cellspacing="0" class="undis"> 
    66. 
   
   
   
   
  66.             <tr> 
    67. 
   
   
   
   
  67.               <td class="npim"><a href="/" target="_blank" ><img src="http://www.webdm.cn/images/wall7.jpg" width="374" height="300" border="0" /></a></td> 
    68. 
   
   
   
   
  68.             </tr> 
    69. 
   
   
   
   
  69.           </table> 
    70. 
   
   
   
   
  70.         </div> 
    71. 
   
   
   
   
  71.       <table width="378" border="0" align="center" cellpadding="0" cellspacing="0"> 
    72. 
   
   
   
   
  72.           <tr> 
    73. 
   
   
   
   
  73.             <td height="3"></td> 
    74. 
   
   
   
   
  74.           </tr> 
    75. 
   
   
   
   
  75.           <tr> 
    76. 
   
   
   
   
  76.             <td class="nptx3" id="num"><div class="npfd1" onmouseover="Mea(0);clearAuto();" onmouseout="setAuto()"><a href="http://www.webdm.cn" target="_blank">1</a></div> 
    77. 
   
   
   
   
  77.                 <div class="npfd2" onmouseover="Mea(1);clearAuto();" onmouseout="setAuto()"><a href="/" target="_blank">2</a></div> 
    78. 
   
   
   
   
  78.               <div class="npfd2" onmouseover="Mea(2);clearAuto();" onmouseout="setAuto()"><a href="/" target="_blank">3</a></div> 
    79. 
   
   
   
   
  79.               <div class="npfd2" onmouseover="Mea(3);clearAuto();" onmouseout="setAuto()"><a href="/" target="_blank">4</a></div> 
    80. 
   
   
   
   
  80.               <div class="npfd2" onmouseover="Mea(4);clearAuto();" onmouseout="setAuto()"><a href="/" target="_blank">5</a></div> 
    81. 
   
   
   
   
  81.               <div class="npfd2" onmouseover="Mea(5);clearAuto();" onmouseout="setAuto()"><a href="/" target="_blank">6</a></div> 
    82. 
   
   
   
   
  82.               <div class="npfd2" onmouseover="Mea(6);clearAuto();" onmouseout="setAuto()"><a href="/" target="_blank">7</a></div></td> 
    83. 
   
   
   
   
  83.           </tr> 
    84. 
   
   
   
   
  84.         </table> 
    85. 
   
   
   
   
  85.       <script>   
    86. 
   
   
   
   
  86. var n=0;  
    87. 
   
   
   
   
  87. var showNum = document.getElementById("num");  
    88. 
   
   
   
   
  88.  
    89. 
   
   
   
   
  89. var fc = document.getElementById("fc");  
    90. 
   
   
   
   
  90. var week = new Date().getDay();  
    91. 
   
   
   
   
  91. if(week)  
    92. 
   
   
   
   
  92. {weekweek=week-1;}  
    93. 
   
   
   
   
  93. else  
    94. 
   
   
   
   
  94. {  
    95. 
   
   
   
   
  95.  week=6;  
    96. 
   
   
   
   
  96. }  
    97. 
   
   
   
   
  97. ;  
    98. 
   
   
   
   
  98. function Mea(value){  
    99. 
   
   
   
   
  99.     n=value;  
    100. 
   
   
   
   
  100.     setBg(value);  
    101. 
   
   
   
   
  101.     plays(value);  
    102. 
   
   
   
   
  102.     }  
    103. 
   
   
   
   
  103. function setBg(value){  
    104. 
   
   
   
   
  104.     for(var i=0;i<7;i++)  
    105. 
   
   
   
   
  105.            if(value==i){  
    106. 
   
   
   
   
  106.                 showNum.getElementsByTagName("div")[i].className='npfd1';  
    107. 
   
   
   
   
  107.                 }   
    108. 
   
   
   
   
  108.             else{     
    109. 
   
   
   
   
  109.                 showNum.getElementsByTagName("div")[i].className='npfd2';  
    110. 
   
   
   
   
  110.                 }  
    111. 
   
   
   
   
  111. }  
    112. 
   
   
   
   
  112. function plays(value){  
    113. 
   
   
   
   
  113.     with (fc){  
    114. 
   
   
   
   
  114.         filters[0].Apply();  
    115. 
   
   
   
   
  115.         for(i=0;i<7;i++)i==value?getElementsByTagName("table")[i].className="dis":getElementsByTagName("table")[i].className="undis";   
    116. 
   
   
   
   
  116.         filters[0].play();        
    117. 
   
   
   
   
  117.         }  
    118. 
   
   
   
   
  118.       
    119. 
   
   
   
   
  119. }  
    120. 
   
   
   
   
  120. var first='';  
    121. 
   
   
   
   
  121. var autoStart='';  
    122. 
   
   
   
   
  122. function clearAuto(){clearInterval(autoStart);}  
    123. 
   
   
   
   
  123. function setAuto(){  
    124. 
   
   
   
   
  124.     clearInterval(first);  
    125. 
   
   
   
   
  125.     autoStart=setInterval("auto(n)", 5000)  
    126. 
   
   
   
   
  126. }  
    127. 
   
   
   
   
  127. function auto(value){  
    128. 
   
   
   
   
  128.     n++;  
    129. 
   
   
   
   
  129.     if(n>6)n=0;  
    130. 
   
   
   
   
  130.     Mea(n);  
    131. 
   
   
   
   
  131. }   
    132. 
   
   
   
   
  132. first=setInterval("setAuto()", 5000);  
    133. 
   
   
   
   
  133. Mea(week);  
    134. 
   
   
   
   
  134.   </script> 
    135. 
   
   
   
   
  135.         <!--focus end--> 
    136. 
   
   
   
   
  136.     </td> 
    137. 
   
   
   
   
  137.   </tr> 
    138. 
   
   
   
   
  138. </table> 
    139. 
   
   
   
   
  139. </body> 
    140. 
   
   
   
   
  140. </html> 
    141. 
   
   
   
   
  141.  
    142. 
   
   
   
   
  142. <br /> 
    143. 
   
   
   
   
  143. <a href="http://www.webdm.cn">网页代码站</a> - 最专业的代码下载网站 - 致力为中国站长提供有质量的代码！ 
    144.

 

你可能感兴趣的:(图片切换)

  • 分享Python采集99个焦点图，总有一款适合您 亚丁号 JS开发语言
    分享Python采集99个焦点图，总有一款适合您Python采集的99个焦点图下载链接：https://pan.baidu.com/s/1887LXr2ovCAw-Bp7PuM66g?pwd=byx4提取码：byx4原创Jquery焦点图片切换效果自定义大小，使用方jquery立体式缩略图焦点图特效jquery左右自适应宽度幻灯片(焦点图)特效暴风影音官方网站jquery焦点图特效jquery内嵌
  • 分享66个焦点幻灯JS特效，总有一款适合您 MarisTang JS
    分享66个焦点幻灯JS特效，总有一款适合您66个焦点幻灯JS特效下载链接：https://pan.baidu.com/s/10bqe09IAZt_hbsZlXaxkxw?pwd=6666提取码：6666Python采集代码下载链接：采集代码.zip-蓝奏云学习知识费力气，收集整理更不易。知识付费甚欢喜，为咱码农谋福利。js左侧分类菜单图片轮播代码jQuery百叶窗风格图片切换代码jQuery仿京东
  • ionic3继续填坑ion-slides 由最后一张图片切换到第一张时突然反向滑动 Gavin222
    在ionic3中使用ion-slides是设置loop=true,autoplay='2000'时每隔2s自动轮播,这时轮播图在原有基础上前后会自动各复制一个,由于只复制的元素没没有复制绑定事件会导致点击无效.详见上篇ionic3踩坑、ion-slides组件loop=true时有些点击事件无效;今天这篇是loop=true,autoplay="2000"时的另一个问题,这时手滑循环正常,但是自动
  • webapi-元素的属性设置-图片切换的案例 秋野酱 javascript前端开发语言
    元素的属性设置1.目标掌握图片的src属性的设置在页面使用img标签显示一张图片,点击这个图片更换一张新的图片2.实现思路使用img指定src=“路径”指定id=“one”获取img标签，添加onclick点击事件在事件处理程序函数体中修改图片的src的值3.代码实现//1.获取图片varimg=document.getElementById("one");//2.给img添加点击事件img.on
  • VUE3+TS使用OpenSeadragon学习之旅，实现多图片切换效果 小猫瘦瘦 学习前端javascriptvue.js
    1.官方网站：OpenSeadragon2.使用npm下载插件：npminstallopenseadragon3.在index.html文件引入资源4.组件使用（一张图片显示效果）1.引入OpenSeadragonimportOpenSeadragonfrom"openseadragon"2.存放图片的标签3.初始化实例constviewer=OpenSeadragon({id:"opensead
  • 用 jQuery 做个轮播 astak3
    初次体验jQuery之后，体验一下jQuery强大之处，做一个简单的轮播，实现图片切换。点击按钮切换轮播页面上面有三个img标签用两个div便签包裹好，class=images是用来布局的，一般不在布局的标签上面做任何操作，class=window是用来做轮播窗口的。三个button按钮，用于切换图片。首先把图片一次排开，用class=images做布局，给它加上display:flex就可以实现
  • 轮播图 回不去的那些时光
    今天我们就来做一个轮播图效果，首先我说一下轮播图的原理，轮播图就是一组图片利用视觉差达到图片切换的效果。1、我们使用html和css构建一下页面布局，最后效果如下image.pnghtml代码htmlcarousel<>css代码*{margin:0;padding:0;text-decoration:none;}/*整体盒子*/.container{width:800px;heigh
  • 原生js仿网易云轮播特效 前端搬砖达人 js知识运用js知识封装函数原生js缓动动画封装仿网易云特效
    原理：运用两张图片切换可视区域向左走或向右走要跳转的图片定位在可视区域的左边或右边然后用缓动动画实现切换重点：缓动动画js实现步骤：1、获取所需元素2、创建指示器3.让第一个选中4.添加事件5、切换索引6、自动轮播1、获取所需元素varslider=$("slider");varslider_main=$("slider_main");varslider_main_img=slider_main.
  • Java GUI实现图片切换---超详细注释讲解 还不起来学习？ Java基础javaswinggui
    JavaGUI实现图片切换—超详细注释讲解1.本文实现的是使用GUI实现六张图片的来回切换，首先在项目下准备一个image文件夹，里面放置六张图片，点击“上一张”、“下一张”按钮可以进行图片切换，并且能够判断到第一张和最后一张的位置，并弹出提示框。在项目下新建imge文件夹，文件夹下存放（img1.jpg----img6.jpg）六张图片。2.代码如下（注释已标明）：importjavax.swi
  • vue中使用element走马灯实现自定义按钮 阳光下的小蒙 模板vue.js
    第一：不需要自动轮播:autoplay="false"，不需要自带箭头arrow="never"第二：require('./img/1.png'),为数组方式在轮播图区域吧图片遍历生成使用定位把按钮图片定位过去第三：使用ref进行调用走马灯自带方法进行图片切换第四：上代码，基本把图片一换就能用了exportdefault{name:'TextOverView',props:{},component
  • js多种方式实现验证码的切换 温柔学长 前端javascripthtml
    1.点击图片切换验证码页面1:验证码切换//第一种：点击图片执行切换window.onload=function(){//获取图片对象varimg=document.getElementById("checkedText");img.onclick=function(){img.src="/responseDemo01?time="+newDate().getTime();}}使用onload等页
  • SVG微信交互图文｜创意图文｜交互推文新形式——长按过渡切换图片 叶小圈圈圈
    2020年总是遗憾颇多，有些意外和告别突如其来的发生。年末之际向我们以新的形式重现2020注定不能在相见的人，向所有的不辞而别好好道别。本篇推送由SVG业知名开发者GL操刀开发设计，以重启时光、重逢故人为主题的交互推文《2020年12月32日》在案例中展示的是长按图片切换过渡效果，利用两张图片的叠加，通过长按执行两张图片垂直方向的切换，完成图片相向而行的过渡变化。其次画面里，向上延展效果也拟态时间
  • js中使用swiper时自定义分页器 我爱画页面 javascriptcsscss3
    当分页器是多张不同的图片切换时，我们应该怎么去自定义呢？重点是将pagination的type属性改为custom，然后写自己的代码就行。具体代码如下：varmySwiper=newSwiper(".swiper-container",{//如果需要分页器pagination:{el:".swiper-pagination",type:"custom",//分页器类型自定义clickable:tr
  • VUE笔记 岁碎难相见 vue.js前端javascript
    目录第一天1.vue实例2.插值表达式3.VUE响应式特性4.安装VUE开发者工具5.VUE指令5.1v-html5.2v-show和v-if5.3v-else和v-else-if5.4v-on（@事件名）5.5v-bind（：属性名=“表达式”）5.6图片切换案例5.7v-for5.8渲染图书列表并删除指定图书5.9v-for中的key5.10v-model6.案例-小黑记事本6.1渲染和删除6
  • Axure动态面板的使用以及示例分享 不念那年晚春 axure产品经理交互
    目录一.什么是动态面板二.动态面板教程——以轮播图为例2.1创建动态面板2.2动态面板自适应大小2.3重复状态，将图片导入2.4添加交互事件——图片切换2.5效果展示三.多方式登录示例展示四.后台主界面左侧菜单栏示例展示一.什么是动态面板Axure官方给出的解释：动态面板控件(DynamicPanel)可以让你实现高级的交互功能,实现原型的高保真度。动态面板包含有多个状态(states),每个状态
  • 使用纯js码2个实用功能banner图标切换和表格制作 Arenaschi HTMLjavascript开发语言ecmascript
    “Icanacceptfailure,butIcan'tacceptnottrying.”——byMichaelJordan“我可以接受失败，但我不能接受放弃。”——迈克尔•乔丹banner图标切换js原生：图片地址你们自己设置位置，相对位置或者绝对位置即可JS图片切换效果(点击某张调到某张)*{margin:0;padding:0;}body{margin:0;color:#88c;backgr
  • 【Vue】图片切换 freedomSTUDENT Vuevue.js前端javascript
    上一篇：vue的指令https://blog.csdn.net/m0_67930426/article/details/134599378?spm=1001.2014.3001.5502本篇所需要的指令有：v-onv-bindv-showTitle.imageimg{width:400px;height:200px;}0"@click="index--">上一张下一张/*Vue.config.pr
  • 迪文串口屏幕DMG10600T101_01WTR实现图片切换并和串口通讯 功成洗衣机 【外设】迪文串口屏迪文串口屏
    1、我用的迪文屏幕，型号为DMG10600T101_01WTR，分辨率为1024*600，基本参数是10寸的，12V供电的电阻触摸屏，带两个串口通讯。产品背面有一个电平切换的电阻，如下图，如果是用于TTL电平，就需要和我一样用锡短接或者接0Ω电阻；如果是用于232电平，则让其断开即可。TTL和232电平的区别在此不多做解释，可自行百度。2、首先可以根据自己屏幕的型号，找迪文客服要demo文件，用s
  • 手搓js轮播图_JavaScript进阶 阿松爱睡觉 前端基础javascript开发语言ecmascript前端
    手搓js轮播图逻辑解析html结构图片切换方法圆点导航切换效果左右箭头点击切换圆点导航点击切换自动播放，介入暂停完整代码逻辑解析css的样式我就不再进行讲述，如果有需求可以评论区告诉我，我再出一篇文章进行详细讲解js轮播图最主要的核心逻辑就是在于如何进行切换和自动切换播放（虽然听起来像废话，但是）那么接下来步入正题html结构这里以五张300px的图片为例，你可能会疑惑为什么放了六张？因为最后第五
  • Web APIs——实战案例 越努力越幸运` JavaScript前端javascripthtml
    图片切换模块及放大镜效果分析：鼠标经过对应小盒子，左侧中等盒子显示对应中等图片鼠标经过中盒子，右侧会显示放大镜效果的大盒子黑色遮罩盒子跟着鼠标来移动鼠标在中等盒子上移动，大盒子的图片跟着显示对应位置思路分析：①：鼠标经过小盒子，左侧中等盒子显示对应中等图片获取对应的元素采取事件委托的形式，监听鼠标经过小盒子里面的图片，注意此时需要使用mouseover事件，因为需要事件冒泡触发small让鼠标经过
  • js点击按钮切换图片 南抖北快东卫 javascript开发语言ecmascript
    要通过JavaScript点击按钮来切换图片，你可以使用HTML和JavaScript来实现。以下是一个示例，演示了如何创建一个按钮，当点击按钮时，切换显示的图片：切换图片切换图片//获取图片元素和按钮元素varimage=document.getElementById("myImage");varbutton=document.getElementById("myButton");//图片切换数
  • 【Axure】新手教程之首页滑动栏目 weixin_30247781 axure
    Axure中做一个原型设计。主要利用的模块是中继器，动态面板，地图模块等。本意是做一个APP原型，用来设计自己所需要的功能。首页一、循环Banner的Axure原型实现（动态面板）顶部图片循环播放，需求如下：图片间隔3秒自动循环切换图片切换的同事，原点变换颜色步骤如下：插入图片控件，尺寸调整为所需要的部分。由于本次原型设计中，手机APP的框架设置为W：304H：512。所以讲此次的首页滑动栏中的图
  • JavaScript实现图片自动轮播 Rrenr javascript学习前端
    目录1.轮播图片1.1图片切换功能1.2定时器功能1.3图片自动轮播实现2.页面定时弹出广告2.2技术分析2.3步骤分析2.4代码实现3.表单校验3.1需求分析3.2技术分析3.3校验邮箱3.3.1从外部引入js文件（一些匹配函数）JS：是一种脚本语言，由浏览器来解释执行，不需要进行编译。JS声明变量：var变量名JS声明函数：function函数名（参数）{}JS开发步骤：确定事件事件要触发函数
  • Vue小案例（一） bit_Sakura vue.js前端javascript
    目录案例一：点击按钮切换图片案例二：书架案例三：成绩表案例一：点击按钮切换图片现在有5张图片，我想通过点击上一张/下一张的按钮来进行图片切换。使用：v-bind、v-on、v-show1、首先创建好Vue代码格式：Documentconstapp=newVue({el:'#app',data})有5张图片，需要将其放入数组里，在data中创建数组和下标：创建2个按钮，上一张和下一张，以及相应的v-
  • 图片切换器ImageSwitcher 程序员深夜写bug android
    1、布局文件2、在主活动中，首先声明并初始化一个保存要显示图像id的数组，然后声明一个保存当前显示图像索引的变量，再声明一个图像切换器的对象privateint[]imageId=newint[]{R.drawable.img01,R.drawable.img02,R.drawable.img03};//声明并初始化一个保存要显示图像id的privateintindex=0;//当前显示图像的索引
  • Android学习笔记（十六）:高级UI组件----图像类组件(图像切换器ImageSwitcher) 小丑键盘侠 Androidandroid
    图像类组件(图像切换器ImageSwitcher)图像切换器：主要用于实现带动画效果的图片切换功能。当用户左右滑动时，会切换图片，并伴随某种动画效果。在activity_main.xml文件中，用ImageSwitcher标签来定义图片切换器。属性：android:layout_width和android:layout_height:取值为match_parent，即与父容器相同。通过Java代码
  • 视窗到android切换器,图片切换器(ImageSwitcher)使用 金立鸿 视窗到android切换器
    image.pngImageSwitcherImageSwitcher是一个图片切换器，它间接继承自FrameLayout类，和ImageView相比，多了一个功能，那就是它说显示的图片切换时，可以设置动画效果，类似于淡进淡出效果，以及左进右出滑动等效果。既然ImageSwitcher是用来显示图片的控件，AndroidAPI为我们提供了三种不同方法来设定不同的图像来源，方法有：setImageD
  • android中图片切换器,Android图像切换器 weixin_39983912 android中图片切换器
    有时您不希望图像突然出现在屏幕上，而是希望在图像从一个图像转换到另一个图像时对图像应用某种动画。这是由ImageSwitcher形式的android支持的。图像切换器允许您通过屏幕上显示的方式在图像上添加一些过渡。要使用图像切换器，您需要首先定义其XML组件。其语法如下-android:id="@+id/imageSwitcher1"android:layout_width="wrap_conte
  • 图像切换器(ImageSwitcher)和画廊视图(Gallery)功能和用法（图片浏览器） Android_Trot Android基础android图片浏览器画廊视图Gallery
    ImageSwitcher由FrameLayout派生而出，ImageSwitcher组件和ImageView很相似，他们都可以用于显示图片，但ImageSwitcher比普通的ImageView多一个功能，它所显示的图片切换可以设置动画效果。使用ImageSwitcher时往往需要为它设置一个ImageSwitcher.ViewFactory，实现ImageSwitcher.ViewFactor
  • JAVA前端开发介绍 xmh-sxh-1314 java
    以一个网站为例包括网站设计、前端开发、程序开发等。网站设计就是网站的外观，平面的东西。程序开发也好理解就是功能实现。而前端开发，简单来说，就是把平面效果图转换成网页，把静态转换成动态。它的工作包括了:切图、写样式、做鼠标效果和图片切换效果等。而优秀的前端开发可以保障实现这些效果的同时，即不能影响网站的打开速度、浏览器兼容性还有搜索引擎的收录，还可以让用户体验更加舒适，使网站在访问中显得更精细、更用
  • 多线程编程之join()方法 周凡杨 javaJOIN多线程编程线程
    现实生活中，有些工作是需要团队中成员依次完成的，这就涉及到了一个顺序问题。现在有T1、T2、T3三个工人，如何保证T2在T1执行完后执行，T3在T2执行完后执行？问题分析：首先问题中有三个实体，T1、T2、T3， 因为是多线程编程，所以都要设计成线程类。关键是怎么保证线程能依次执行完呢？   Java实现过程如下： public class T1 implements Runnabl
  • java中switch的使用 bingyingao javaenumbreakcontinue
    java中的switch仅支持case条件仅支持int、enum两种类型。 用enum的时候，不能直接写下列形式。 switch (timeType) { case ProdtransTimeTypeEnum.DAILY: break; default: br
  • hive having count 不能去重 daizj hive去重having count计数
    hive在使用having count()是，不支持去重计数   hive (default)> select imei from t_test_phonenum where ds=20150701 group by imei having count(distinct phone_num)>1 limit 10;  FAILED: SemanticExcep
  • WebSphere对JSP的缓存 周凡杨 WAS JSP 缓存
          对于线网上的工程，更新JSP到WebSphere后，有时会出现修改的jsp没有起作用，特别是改变了某jsp的样式后，在页面中没看到效果，这主要就是由于websphere中缓存的缘故，这就要清除WebSphere中jsp缓存。要清除WebSphere中JSP的缓存，就要找到WAS安装后的根目录。        现服务
  • 设计模式总结 朱辉辉33 java设计模式
    1.工厂模式   1.1 工厂方法模式 (由一个工厂类管理构造方法)      1.1.1普通工厂模式(一个工厂类中只有一个方法)      1.1.2多工厂模式(一个工厂类中有多个方法)      1.1.3静态工厂模式(将工厂类中的方法变成静态方法) &n
  • 实例：供应商管理报表需求调研报告 老A不折腾 finereport报表系统报表软件信息化选型
    引言 随着企业集团的生产规模扩张，为支撑全球供应链管理，对于供应商的管理和采购过程的监控已经不局限于简单的交付以及价格的管理，目前采购及供应商管理各个环节的操作分别在不同的系统下进行，而各个数据源都独立存在，无法提供统一的数据支持；因此，为了实现对于数据分析以提供采购决策，建立报表体系成为必须。 业务目标 1、通过报表为采购决策提供数据分析与支撑 2、对供应商进行综合评估以及管理，合理管理和
  • mysql 林鹤霄
    转载源：http://blog.sina.com.cn/s/blog_4f925fc30100rx5l.html mysql -uroot -p ERROR 1045 (28000): Access denied for user 'root'@'localhost' (using password: YES)   [root@centos var]# service mysql
  • Linux下多线程堆栈查看工具(pstree、ps、pstack) aigo linux
    原文：http://blog.csdn.net/yfkiss/article/details/6729364   1. pstree pstree以树结构显示进程$ pstree -p work | grep adsshd(22669)---bash(22670)---ad_preprocess(4551)-+-{ad_preprocess}(4552)  &n
  • html input与textarea 值改变事件 alxw4616 JavaScript
    // 文本输入框(input) 文本域(textarea)值改变事件 // onpropertychange(IE) oninput(w3c) $('input,textarea').on('propertychange input', function(event) {      console.log($(this).val()) });  
  • String类的基本用法 百合不是茶 String
      字符串的用法;     // 根据字节数组创建字符串 byte[] by = { 'a', 'b', 'c', 'd' }; String newByteString = new String(by);         1,length()  获取字符串的长度     &nbs
  • JDK1.5 Semaphore实例 bijian1013 javathreadjava多线程Semaphore
    Semaphore类        一个计数信号量。从概念上讲，信号量维护了一个许可集合。如有必要，在许可可用前会阻塞每一个 acquire()，然后再获取该许可。每个 release() 添加一个许可，从而可能释放一个正在阻塞的获取者。但是，不使用实际的许可对象，Semaphore 只对可用许可的号码进行计数，并采取相应的行动。 S
  • 使用GZip来压缩传输量 bijian1013 javaGZip
            启动GZip压缩要用到一个开源的Filter：PJL Compressing Filter。这个Filter自1.5.0开始该工程开始构建于JDK5.0，因此在JDK1.4环境下只能使用1.4.6。         PJL Compressi
  • 【Java范型三】Java范型详解之范型类型通配符 bit1129 java
        定义如下一个简单的范型类，   package com.tom.lang.generics; public class Generics<T> { private T value; public Generics(T value) { this.value = value; } }
  • 【Hadoop十二】HDFS常用命令 bit1129 hadoop
    1. 修改日志文件查看器   hdfs oev -i edits_0000000000000000081-0000000000000000089 -o edits.xml cat edits.xml   修改日志文件转储为xml格式的edits.xml文件，其中每条RECORD就是一个操作事务日志   2. fsimage查看HDFS中的块信息等 &nb
  • 怎样区别nginx中rewrite时break和last ronin47
    在使用nginx配置rewrite中经常会遇到有的地方用last并不能工作，换成break就可以，其中的原理是对于根目录的理解有所区别，按我的测试结果大致是这样的。 location /    {         proxy_pass http://test; 
  • java-21.中兴面试题 输入两个整数 n 和 m ，从数列 1 ， 2 ， 3.......n 中随意取几个数 , 使其和等于 m bylijinnan java
    import java.util.ArrayList; import java.util.List; import java.util.Stack; public class CombinationToSum { /* 第21 题 2010 年中兴面试题 编程求解： 输入两个整数 n 和 m ，从数列 1 ， 2 ， 3.......n 中随意取几个数 , 使其和等
  • eclipse svn 帐号密码修改问题 开窍的石头 eclipseSVNsvn帐号密码修改
    问题描述：      Eclipse的SVN插件Subclipse做得很好，在svn操作方面提供了很强大丰富的功能。但到目前为止，该插件对svn用户的概念极为淡薄，不但不能方便地切换用户，而且一旦用户的帐号、密码保存之后，就无法再变更了。 解决思路：      删除subclipse记录的帐号、密码信息，重新输入
  • [电子商务]传统商务活动与互联网的结合 comsci 电子商务
          某一个传统名牌产品，过去销售的地点就在某些特定的地区和阶层，现在进入互联网之后，用户的数量群突然扩大了无数倍，但是，这种产品潜在的劣势也被放大了无数倍，这种销售利润与经营风险同步放大的效应，在最近几年将会频繁出现。。。。        如何避免销售量和利润率增加的
  • java 解析 properties-使用 Properties-可以指定配置文件路径 cuityang javaproperties
    #mq xdr.mq.url=tcp://192.168.100.15:61618; import java.io.IOException; import java.util.Properties; public class Test { String conf = "log4j.properties"; private static final
  • Java核心问题集锦 darrenzhu java基础核心难点
    注意，这里的参考文章基本来自Effective Java和jdk源码 1)ConcurrentModificationException 当你用for each遍历一个list时，如果你在循环主体代码中修改list中的元素，将会得到这个Exception，解决的办法是： 1)用listIterator, 它支持在遍历的过程中修改元素， 2)不用listIterator, new一个
  • 1分钟学会Markdown语法 dcj3sjt126com markdown
    markdown 简明语法 基本符号 *,-,+ 3个符号效果都一样，这3个符号被称为 Markdown符号 空白行表示另起一个段落 `是表示inline代码，tab是用来标记 代码段，分别对应html的code，pre标签 换行 单一段落( <p>) 用一个空白行 连续两个空格 会变成一个 <br> 连续3个符号，然后是空行
  • Gson使用二（GsonBuilder） eksliang jsongsonGsonBuilder
    转载请出自出处：http://eksliang.iteye.com/blog/2175473 一.概述     GsonBuilder用来定制java跟json之间的转换格式   二.基本使用 实体测试类： 温馨提示：默认情况下@Expose注解是不起作用的,除非你用GsonBuilder创建Gson的时候调用了GsonBuilder.excludeField
  • 报ClassNotFoundException: Didn't find class "...Activity" on path: DexPathList gundumw100 android
    有一个工程，本来运行是正常的，我想把它移植到另一台PC上，结果报： java.lang.RuntimeException: Unable to instantiate activity ComponentInfo{com.mobovip.bgr/com.mobovip.bgr.MainActivity}: java.lang.ClassNotFoundException: Didn't f
  • JavaWeb之JSP指令 ihuning javaweb
      要点   JSP指令简介  page指令  include指令    JSP指令简介    JSP指令（directive）是为JSP引擎而设计的，它们并不直接产生任何可见输出，而只是告诉引擎如何处理JSP页面中的其余部分。 JSP指令的基本语法格式： <%@ 指令 属性名="
  • mac上编译FFmpeg跑ios 啸笑天 ffmpeg
    1、下载文件：https://github.com/libav/gas-preprocessor， 复制gas-preprocessor.pl到/usr/local/bin/下， 修改文件权限：chmod 777 /usr/local/bin/gas-preprocessor.pl 2、安装yasm-1.2.0 curl http://www.tortall.net/projects/yasm
  • sql mysql oracle中字符串连接 macroli oraclesqlmysqlSQL Server
    有的时候，我们有需要将由不同栏位获得的资料串连在一起。每一种资料库都有提供方法来达到这个目的： MySQL: CONCAT() Oracle: CONCAT(), || SQL Server: + CONCAT() 的语法如下： Mysql 中 CONCAT(字串1, 字串2, 字串3, ...): 将字串1、字串2、字串3，等字串连在一起。 请注意，Oracle的CON
  • Git fatal: unab SSL certificate problem: unable to get local issuer ce rtificate qiaolevip 学习永无止境每天进步一点点git纵观千象
    // 报错如下： $ git pull origin master fatal: unable to access 'https://git.xxx.com/': SSL certificate problem: unable to get local issuer ce rtificate   // 原因： 由于git最新版默认使用ssl安全验证，但是我们是使用的git未设
  • windows命令行设置wifi surfingll windowswifi笔记本wifi
    还没有讨厌无线wifi的无尽广告么，还在耐心等待它慢慢启动么 教你命令行设置 笔记本电脑wifi： 1、开启wifi命令 netsh wlan set hostednetwork mode=allow ssid=surf8 key=bb123456 netsh wlan start hostednetwork pause 其中pause是等待输入，可以去掉 2、
  • Linux（Ubuntu）下安装sysv-rc-conf wmlJava linuxubuntusysv-rc-conf
    安装：sudo apt-get install sysv-rc-conf 使用：sudo sysv-rc-conf 操作界面十分简洁，你可以用鼠标点击，也可以用键盘方向键定位，用空格键选择，用Ctrl+N翻下一页，用Ctrl+P翻上一页，用Q退出。     背景知识 sysv-rc-conf是一个强大的服务管理程序，群众的意见是sysv-rc-conf比chkconf
  • svn切换环境，重发布应用多了javaee标签前缀 zengshaotao javaee
    更换了开发环境，从杭州，改变到了上海。svn的地址肯定要切换的，切换之前需要将原svn自带的.svn文件信息删除，可手动删除，也可通过废弃原来的svn位置提示删除.svn时删除。   然后就是按照最新的svn地址和规范建立相关的目录信息，再将原来的纯代码信息上传到新的环境。然后再重新检出，这样每次修改后就可以看到哪些文件被修改过，这对于增量发布的规范特别有用。   检出
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他