SEO优化
sem托管 seo网络优化 网站建设 网络营销

SEM竞价账户代运营

SEO优化-SEM竞价托管-网络营销策划

HTML网站建设实例-点击图片放大效果ps再次点击缩小

HTML网站建设实例-点击图片放大效果ps再次点击缩小:使用实例,点击图片放大效果,再次点击缩小,一般用于图片展示列表中,各种浏览器通用。
XML/HTML Code
  1. <script type="text/javascript" src="highslide/highslide.js"></script>  
  2. <link rel="stylesheet" type="text/css" href="highslide/highslide.css" />  
  3. <script type="text/javascript">  
  4. hs.graphicsDir = 'highslide/graphics/';  
  5. hs.align = 'center';  
  6. hs.transitions = ['expand', 'crossfade'];  
  7. hs.outlineType = 'rounded-white';  
  8. hs.wrapperClassName = 'controls-in-heading';  
  9. hs.fadeInOut = true;  
  10. //hs.dimmingOpacity = 0.75;  
  11.   
  12. // Add the controlbar  
  13. if (hs.addSlideshow) hs.addSlideshow({  
  14. //slideshowGroup: 'group1',  
  15. interval: 5000,  
  16. repeat: false,  
  17. useControls: true,  
  18. fixedControls: false,  
  19. overlayOptions: {  
  20. opacity: 1,  
  21. position: 'top right',  
  22. hideOnMouseOut: false  
  23. }  
  24. });  
  25. </script>  
  26. <!-- 第一种展示 -->
  27. <a class="图片位置" onclick="return hs.expand(this)"><img alt="描述" src="图片地址" /></a>
  28.  
  29. <!-- 第二种展示,带x -->
  30. <a href="图片位置" class="highslide" onclick="return hs.expand(this)"><img src="图片地址" alt="图文描述" /> </a>  
  31. <div class="highslide-caption highslide-display-block" id="" align="right" style="overflow-x: hidden; overflow-y: hidden; z-index: 2; margin-top: 0px; visibility: visible; height: 17px">  
  32. <img src="/clickToC.png" onclick="return hs.close(this)" title="close" style="cursor:pointer;" alt="Close"/>  
  33. </div>  
  34.  
【/clickToC.png】

您可能还会对下面的文章感兴趣: