首页    技术博客    PHP教程    数据库技术    前端开发   HTML5    Nginx    php论坛
新用户注册 | 会员登录
加入会员，解锁专属内容
取消
热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

相册图片展示

作者：123456q | 来源：互联网 | 2023-09-01 13:40
相册图片展示演示XMLHTMLCode

相册图片展示



相册图片展示

演示



XML/HTML Code
  1. >  
  2. <html xmlns&＃61;"http://www.w3.org/1999/xhtml">  
  3. <head>  
  4. <meta http-equiv&＃61;"Content-Type" content&＃61;"text/html; charset&＃61;utf-8" />  
  5. <title>相册图片展示title>  
  6. <style type&＃61;"text/css">  
  7. body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}  
  8. fieldset,img{border:0}  
  9. :focus{outline:0}  
  10. address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:normal;font-weight:normal}  
  11. h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}  
  12. abbr,acronym{border:0;font-variant:normal}  
  13. input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}  
  14. code,kbd,samp,tt{font-size:100%}  
  15. input,button,textarea,select{*font-size:100%}  
  16. body{line-height:1.5}  
  17. ol,ul{list-style:none}  
  18. table{border-collapse:collapse;border-spacing:0}  
  19. caption,th{text-align:left}sup,sub{font-size:100%;vertical-align:baseline}  
  20. :link,:visited,ins{text-decoration:none}  
  21. blockquote,q{quotes:none}  
  22. blockquote:before,blockquote:after,q:before,q:after{content:&＃39;&＃39;;content:none}  
  23. .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}  
  24. .clearfix{display:inline-block}  
  25. *html .clearfix{height:1%}  
  26. .clearfix{display:block}  
  27. h1{display:none}  
  28. a,a:link,a:visited{color:#333;text-decoration:none}  
  29. a:hover{color:#f60;text-decoration:underline}  
  30. body{font-size:12px;font-family:"Microsoft Yahei",Tahoma,"SimSun";color:#333;background:url(images/douyan_bg.jpg) center top   
  31. no-repeat #000;}  
  32. /* slide */  
  33. .slide{width:680px;height:345px;overflow:hidden;margin:0 auto;background:#000;border-top:1px solid #d21bd4}  
  34. .slide_box{width:169px;height:345px;overflow:hidden;position:relative;float:left;border-right:1px solid #999;cursor:pointer;background-repeat:no-repeat}  
  35. .slide_box.last{border-right-width:0}  
  36. .slide .bg1 .navbox{width:169px}  
  37. .slide #box_1{position:absolute;left:0;bottom:0}  
  38. .slide #box_1 .navtitle{width:169px;height:45px;line-height:45px;overflow:hidden;font-size:20px;text-align:center}  
  39. .slide #box_1 .navsumary{padding:10px;margin-bottom:3px;font-size:12px;line-height:26px}  
  40. .slide #box_2{position:absolute;left:0;bottom:45px}.slide #box_2 .navtitle{width:169px;height:45px;line-height:45px;overflow:hidden;font-size:20px;text-align:center}  
  41. .slide #box_2 .navsumary{padding:10px;margin-bottom:3px;font-size:12px;line-height:26px}  
  42. .slide #box_3{position:absolute;left:0;bottom:90px}  
  43. .slide #box_3 .navtitle{width:169px;height:45px;line-height:45px;overflow:hidden;font-size:20px;text-align:center}  
  44. .slide #box_3 .navsumary{padding:10px;margin-bottom:3px;font-size:12px;line-height:26px}  
  45. .slide #box_4{position:absolute;left:0;bottom:45px}  
  46. .slide #box_4 .navtitle{width:169px;height:45px;line-height:45px;overflow:hidden;font-size:20px;text-align:center}  
  47. .slide #box_4 .navsumary{padding:10px;margin-bottom:3px;font-size:12px;line-height:26px}  
  48. .slide .navbox .navsumary{color:#fff;display:none;padding:10px}  
  49. .navtitle img{display:none}  
  50. .slide .navbox .navtitle a,.slide .navbox .navtitle a:link,.slide .navbox .navtitle a:visited{color:#fff;text-decoration:none}  
  51. .slide .navbox .navtitle a:hover{color:#fff;text-decoration:underline}  
  52. .slide .navtitle,.slide .navsumary{position:relative}  
  53. .slide div.bg{position:absolute;width:100%;height:100%;z-index:1;left:0;top:0}  
  54. .slide div.txt{position:relative;z-index:2}  
  55. .slide div.bg{filter:alpha(opacity&＃61;60);opacity:.6}  
  56. .slide #box_1 div.bg{background-color:#00ffea}  
  57. .slide #box_2 div.bg{background-color:#9d9d9d}  
  58. .slide #box_3 div.bg{background-color:#c020e8}  
  59. .slide #box_4 div.bg{background-color:#e4ff00}  
  60. .more{position:absolute;right:30px;top:500px;font-size:18px;color:#fff;}  
  61. .more a:link,.more a:visited{color:#fff;}  
  62. .bg1{background-image:url(../freejs.jpg)}  
  63. .bg2{background-image:url(../zhoushan.jpg)}  
  64. .bg3{background-image:url(../xianggang.jpg)}  
  65. .bg4{background-image:url(../sanya.jpg)}  
  66. style>  
  67.   
  68. div>  
  69. body>  
  70. html>  

 



原文地址:
http://www.freejs.net/article_jquerytupiantexiao_81.html


推荐阅读
  • io

    微信小程序实现类似微博的无限回复功能，内置云开发数据库支持

    微信小程序实现类似微博的无限回复功能，内置云开发数据库支持
    本文详细介绍了如何利用微信小程序实现类似于微博的无限回复功能，并充分利用了微信云开发的数据库支持。文中不仅提供了关键代码片段，还包含了完整的页面代码，方便开发者按需使用。此外，HTML页面中包含了一些示例图片，开发者可以根据个人喜好进行替换。文章还将展示详细的数据库结构设计，帮助读者更好地理解和实现这一功能。 ... [详细]
  • io

    深入解析 Android 中 EditText 的 getLayoutParams 方法及其代码应用实例

    深入解析 Android 中 EditText 的 getLayoutParams 方法及其代码应用实例 ... [详细]
  • io

    解决Android EditText中TextWatcher的onTextChanged方法频繁触发问题

    【问题】在Android开发中，当为EditText添加TextWatcher并实现onTextChanged方法时，会遇到一个问题：即使只对EditText进行一次修改（例如使用删除键删除一个字符），该方法也会被频繁触发。这不仅影响性能，还可能导致逻辑错误。本文将探讨这一问题的原因，并提供有效的解决方案，包括使用Handler或计时器来限制方法的调用频率，以及通过自定义TextWatcher来优化事件处理，从而提高应用的稳定性和用户体验。 ... [详细]
  • io

    MSP430F5438 ADC12模块应用与学习心得

    MSP430F5438 ADC12模块应用与学习心得
    在最近的实践中，我深入研究了MSP430F5438的ADC12模块。尽管该模块的功能相对简单，但通过实际操作，我对MSP430F5438A和MSP430F5438之间的差异有了更深刻的理解。本文将分享这些学习心得，并探讨如何更好地利用ADC12模块进行数据采集和处理。 ... [详细]
  • audio

    FFMpeg学习进阶：音频处理基础理论与重采样技术详解

    在Android平台中，播放音频的采样率通常固定为44.1kHz，而录音的采样率则固定为8kHz。为了确保音频设备的正常工作，底层驱动必须预先设定这些固定的采样率。当上层应用提供的采样率与这些预设值不匹配时，需要通过重采样（resample）技术来调整采样率，以保证音频数据的正确处理和传输。本文将详细探讨FFMpeg在音频处理中的基础理论及重采样技术的应用。 ... [详细]
  • md5

    PHP预处理常量详解：如何定义与使用常量

    PHP预处理常量详解：如何定义与使用常量 ... [详细]
  • io

    ESP8266 01S Web 服务器成功启动：详细解决方案与实践指南

    本文详细介绍了一种利用 ESP8266 01S 模块构建 Web 服务器的成功实践方案。通过具体的代码示例和详细的步骤说明，帮助读者快速掌握该模块的使用方法。在疫情期间，作者重新审视并研究了这一未被充分利用的模块，最终成功实现了 Web 服务器的功能。本文不仅提供了完整的代码实现，还涵盖了调试过程中遇到的常见问题及其解决方法，为初学者提供了宝贵的参考。 ... [详细]
  • io

    利用纯CSS技术打造精致的小圆点与三角形图形

    通过纯CSS技术，可以轻松创建精致的小圆点和三角形图形。本文详细介绍了如何利用CSS的伪元素、边框和背景属性，实现这些图形的高效绘制，并提供了多种应用场景和示例代码，帮助开发者在网页设计中增添更多视觉效果。 ... [详细]
  • io

    如何利用PHP高效分割字符串 - Techniques for Efficient String Splitting in PHP

    在PHP中，高效地分割字符串是一项常见的需求。本文探讨了多种技术，用于在特定字符（如“或”）后进行字符串分割。通过使用正则表达式和内置函数，可以实现更加灵活和高效的字符串处理。例如，可以使用 `preg_split` 函数来实现这一目标，该函数允许指定复杂的分隔符模式，从而提高代码的可读性和性能。此外，文章还介绍了如何优化分割操作以减少内存消耗和提高执行速度。 ... [详细]
  • io

    【BZOJ1012】[JSOI 2008] 最大数值问题：ST表优化解决方案

    题目要求维护一个数列，并支持两种操作：一是查询操作，语法为QL，用于查询数列末尾L个数中的最大值；二是更新操作，用于修改数列中的某个元素。本文通过ST表（Sparse Table）优化查询效率，确保在O(1)时间内完成查询，同时保持较低的预处理时间复杂度。 ... [详细]
  • window

    如何在Java中获取当前操作系统的进程列表及其详细信息

    本文探讨了如何利用Java代码获取当前本地操作系统中正在运行的进程列表及其详细信息。通过引入必要的包和类，开发者可以轻松地实现这一功能，为系统监控和管理提供有力支持。示例代码展示了具体实现方法，适用于需要了解系统进程状态的开发人员。 ... [详细]
  • substring

    使用Maven JAR插件将单个或多个文件及其依赖项合并为一个可引用的JAR包

    使用Maven JAR插件将单个或多个文件及其依赖项合并为一个可引用的JAR包
    本文介绍了如何利用Maven中的maven-assembly-plugin插件将单个或多个Java文件及其依赖项打包成一个可引用的JAR文件。首先，需要创建一个新的Maven项目，并将待打包的Java文件复制到该项目中。通过配置maven-assembly-plugin，可以实现将所有文件及其依赖项合并为一个独立的JAR包，方便在其他项目中引用和使用。此外，该方法还支持自定义装配描述符，以满足不同场景下的需求。 ... [详细]
  • io

    Insufficient Memory Allocation: Unable to Reserve 1572864KB for Object Heap

    该问题可能由守护进程配置不当引起，例如未识别的JVM选项或内存分配不足。建议检查并调整JVM参数，确保为对象堆预留足够的内存空间（至少1572864KB）。此外，还可以优化应用程序的内存使用，减少不必要的内存消耗。 ... [详细]
  • io

    利用 Delphi 中的 IdTCPServer 和 IdTCPClient 实现高效文件传输

    本文介绍了如何利用 Delphi 中的 IdTCPServer 和 IdTCPClient 控件实现高效的文件传输。这些控件在默认情况下采用阻塞模式，并且服务器端已经集成了多线程处理，能够支持任意大小的文件传输，无需担心数据包大小的限制。与传统的 ClientSocket 相比，Indy 控件提供了更为简洁和可靠的解决方案，特别适用于开发高性能的网络文件传输应用程序。 ... [详细]
  • io

    深入解析 jQuery 中 ajaxSubmit 方法的使用技巧与应用场景

    本文详细探讨了 jQuery 中 `ajaxSubmit` 方法的使用技巧及其应用场景。首先，介绍了如何正确引入必要的脚本文件，如 `jquery.form.js` 和 `jquery-1.8.0.min.js`。接着，通过具体示例展示了如何利用 `ajaxSubmit` 方法实现表单的异步提交，包括数据的发送、接收和处理。此外，还讨论了该方法在不同场景下的应用，如文件上传、表单验证和动态更新页面内容等，提供了丰富的代码示例和最佳实践建议。 ... [详细]
author-avatar
123456q
这个家伙很懒，什么也没留下！
Tags | 热门标签
RankList | 热门文章
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有