亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 語言 > JavaScript > 正文

jquery實現多屏多圖焦點圖切換特效的方法

2024-05-06 16:19:17
字體：大 中 小
來源：轉載
供稿：網友

這篇文章主要介紹了jquery實現多屏多圖焦點圖切換特效的方法,涉及jQuery插件jquery.kinMaxShow實現焦點圖的相關技巧,非常具有實用價值,需要的朋友可以參考下

本文實例講述了jquery實現多屏多圖焦點圖切換特效的方法。分享給大家供大家參考。具體實現方法如下：

 

 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
  3. <html xmlns="http://www.w3.org/1999/xhtml"> 
  4. <head> 
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 
  6. <title>kinMaxShow 技巧效果</title> 
  7. <link type="text/css" href="_doc/base.css" rel="stylesheet"/> 
  8. <style type="text/css"> 
  9. body{ margin:0; padding:50px 0 0 0;} 
  10. #show{width:600px; margin:0 auto;} 
  11. #kinMaxShow{width:600px; height:300px; 
  12. visibility:hidden; overflow:hidden; 
  13. } 
  14. #kinMaxShow p.title{ 
  15. position:absolute; left:0; bottom:0; 
  16. text-indent:10px; line-height:30px; 
  17. font-family:Verdana; color:#FFF; display:block; 
  18. width:100%; height:30px; font-family:14px; 
  19. filter:progid:DXImageTransform.Microsoft.gradient( 
  20. startcolorstr=#aa000000,endcolorstr=#aa000000); 
  21. background:rgba(0,0,0,0.5); 
  22. } 
  23. </style> 
  24. <script src="js/jquery-1.10.2.min.js" type="text/javascript"></script> 
  25. <script src="js/jquery.kinMaxShow-1.1.min.js" 
  26. type="text/javascript"></script> 
  27. <script type="text/javascript"> 
  28. $(function(){ 
  29. $("#kinMaxShow").kinMaxShow({ 
  30. height:300, 
  31. button:{ 
  32. showIndex:true, 
  33. normal:{width:'18px',height:'18px',lineHeight:'18px', 
  34. right:'16px',bottom:'6px',fontSize:'12px',opacity:0.8, 
  35. background:"#666666",border:"1px solid #999999", 
  36. color:"#CCCCCC",marginRight:'6px' 
  37. }, 
  38. focus:{ 
  39. background:"#CC0000",border:"1px solid #FF0000", 
  40. color:"#000000" 
  41. } 
  42. }  
  43. }); 
  44. }); 
  45. </script> 
  46. </head> 
  47. <body> 
  48. <div id="show"> 
  49. <div id="kinMaxShow"> 
  50. <div> 
  51. <a href="#" target="_blank"> 
  52. <img src="images/demo_artifice_images/1.jpg" /></a> 
  53. <p class="title">新聞111</p> 
  54. </div> 
  55. <div> 
  56. <a href="#" target="_blank"> 
  57. <img src="images/demo_artifice_images/2.jpg" /></a> 
  58. <p class="title">新聞222</p> 
  59. </div> 
  60. <div> 
  61. <a href="#" target="_blank"> 
  62. <img src="images/demo_artifice_images/3.jpg" /></a> 
  63. <p class="title">新聞333</p> 
  64. </div> 
  65. <div> 
  66. <a href="#" target="_blank"> 
  67. <img src="images/demo_artifice_images/4.jpg" /></a> 
  68. <p class="title">新聞444</p> 
  69. </div> 
  70. <div> 
  71. <a href="#" target="_blank"> 
  72. <img src="images/demo_artifice_images/5.jpg" /></a> 
  73. <p class="title">新聞555</p> 
  74. </div> 
  75. <div> 
  76. <a href="#" target="_blank"> 
  77. <img src="images/demo_artifice_images/6.jpg" /></a> 
  78. <p class="title">新聞666</p> 
  79. </div>  
  80. </div> 
  81. </div> 
  82. </body> 
  83. </html> 

jquery.kinMaxShow-1.1.min.js點擊此處本站下載。

希望本文所述對大家的jQuery程序設計有所幫助。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
中文字幕久热精品在线视频| 国产日韩精品视频| 欧美精品在线极品| 国产精品色婷婷视频| 中文字幕成人在线| 欧美日韩高清在线观看| 国产精品高清网站| 欧美猛交ⅹxxx乱大交视频| 欧洲成人免费视频| 日韩福利伦理影院免费| 国产91ⅴ在线精品免费观看| 清纯唯美日韩制服另类| 欧美一区二区三区艳史| 亚洲欧美精品中文字幕在线| 欧美精品成人91久久久久久久| 91国产高清在线| 亚洲人成毛片在线播放| 日韩麻豆第一页| 在线观看欧美www| 中文字幕九色91在线| 北条麻妃在线一区二区| 亚州国产精品久久久| 欧美理论电影在线观看| 日本亚洲欧美成人| 国产精品va在线播放| 午夜免费在线观看精品视频| 98视频在线噜噜噜国产| 91影视免费在线观看| 69影院欧美专区视频| 在线精品视频视频中文字幕| 成人有码视频在线播放| 精品国产一区二区三区在线观看| 日韩av日韩在线观看| 国产情人节一区| 日韩高清av在线| 久久久影视精品| 91av免费观看91av精品在线| 久久国产精品久久久久久| 欧美日韩亚洲一区二区| 日韩成人在线免费观看| 91久久精品国产91久久性色| 久久精品国产91精品亚洲| 欧美亚洲第一区| 日本国产高清不卡| 久久偷看各类女兵18女厕嘘嘘| 亚洲欧美在线一区二区| 亚洲少妇中文在线| 久久中文字幕在线视频| 久久久99免费视频| 亚洲www在线观看| 国产精品久久久久久久久久东京| 午夜免费在线观看精品视频| 精品久久久久久国产| 97视频在线看| 91久热免费在线视频| 国产亚洲日本欧美韩国| 精品在线观看国产| 92福利视频午夜1000合集在线观看| 日韩在线视频免费观看| 岛国视频午夜一区免费在线观看| 国产精品久久久久久久av大片| 在线精品视频视频中文字幕| 成人欧美一区二区三区在线| 欧美亚洲在线播放| 欧美电影在线播放| 国产成人精品国内自产拍免费看| 九九久久久久久久久激情| 少妇高潮久久久久久潘金莲| 亚洲欧美一区二区精品久久久| 欧美日韩亚洲一区二区| 欧美一级黑人aaaaaaa做受| 91情侣偷在线精品国产| 欧美日本国产在线| 亚洲欧洲自拍偷拍| 精品亚洲va在线va天堂资源站| 亚洲国产精品视频在线观看| 992tv在线成人免费观看| 久久91超碰青草是什么| 亚洲第一精品电影| 日韩欧美大尺度| 国产欧美精品久久久| 国产69精品99久久久久久宅男| 欧美国产高跟鞋裸体秀xxxhd| 国产一区二区欧美日韩| 国产美女91呻吟求| 午夜精品美女自拍福到在线| 中文字幕无线精品亚洲乱码一区| 亚洲综合大片69999| 亚洲高清久久久久久| 日韩免费黄色av| 欧美激情视频三区| 久久久久久亚洲精品| 欧美日韩一二三四五区| 欧美日韩激情视频8区| 亚洲福利视频网| 另类少妇人与禽zozz0性伦| 久久九九免费视频| 91国产视频在线播放| 亚洲无线码在线一区观看| 亚洲人免费视频| 欧美极品美女视频网站在线观看免费| 国产成人短视频| 欧美老少配视频| 91高清在线免费观看| 国产精品爽爽爽爽爽爽在线观看| 精品无码久久久久久国产| 97精品免费视频| 这里只有精品视频| 欧美性一区二区三区| 国产精品福利在线观看| 自拍亚洲一区欧美另类| 欧美另类极品videosbest最新版本| 亚洲老头同性xxxxx| 亚洲女人天堂成人av在线| 亚洲第一av网站| 亚洲欧美日韩国产精品| 国内精品久久久| 久久国内精品一国内精品| 欧美一级片免费在线| 亚洲精品久久久一区二区三区| 免费91麻豆精品国产自产在线观看| 日韩高清a**址| 欧美日韩国产综合视频在线观看中文| 欧美精品videofree1080p| 亚洲另类图片色| 国产丝袜精品视频| 久久九九全国免费精品观看| 在线激情影院一区| 日韩hd视频在线观看| 日韩精品极品在线观看| 亚洲精品一区二区三区婷婷月| 国产精品扒开腿做| 中文字幕亚洲激情| 日韩精品视频在线| 国产精品小说在线| 欧美性猛交99久久久久99按摩| 裸体女人亚洲精品一区| 中文.日本.精品| 国产伦精品一区二区三区精品视频| 亚洲免费影视第一页| 欧美在线免费看| 国产精品普通话| 久久亚洲精品视频| 久久综合88中文色鬼| 亚洲激情视频网站| 欧美大码xxxx| 欧美一级大片视频| 国产精品一区二区三区成人| 91视频国产高清| 国产精品久久久久免费a∨大胸| 美日韩精品免费视频| 亚洲美女性生活视频| 国产精品稀缺呦系列在线| 欧美高清视频在线播放| 欧美成人精品不卡视频在线观看| 日韩欧美亚洲范冰冰与中字| 日本一区二区在线播放| 精品国内产的精品视频在线观看| 亚洲精品中文字幕av| 国语自产精品视频在线看| 久久久久久免费精品| 国产精品18久久久久久麻辣| 亚洲片国产一区一级在线观看| 蜜臀久久99精品久久久无需会员|