本站已年久失修,技术交流可以移步到 https://blog.pyzy.net
PYZY图片盒子
2010年5月25日(16KB)
教学式界面、CSS、JavaScript注释,易于学习、便于掌握。
阅读 (2993) | 评论 (0) | 下载 (0) PYZY图片盒子详细说明

本作品不提供压缩包下载,可直接查看效果,效果页及下面的介绍日志中有完整代码、制作过程。 

查看演示效果


 

功能:

实现了图片批量展示功能,JSON形式数据引用、区分大小图……

本身出于教学的目的进行制作开发,其中包含的关键设计思路有详细注释,更分步骤进行了日志记录:

  1. CSS+DIV+Javascript前端开发实例之《图片展示》(1)CSS+DIV界面搭建
    本篇内容实现了界面的构思、搭建,可进行CSS+DIV方面学习;另,其中引用了之前做的一个用JS模拟出阴影字的功能,也算一个小技巧。

  2. CSS+DIV+Javascript前端开发实例之《图片展示》(2)滚动条控制
    本篇主要进行了图片展示功能中,对小图片区滚动的控制思路方法,可进行滚动条控制方面的学习,若进行模拟滚动条控制功能也可应用其中涉及的JS程序。

  3. CSS+DIV+Javascript前端开发实例之《图片展示》(3)成品
    本篇中对主要展示功能进行了开发,并且整合了前两者中构思好的功能,实现了预计功能。

     

本作品不提供压缩包下载,可直接查看效果,效果页及下面的介绍日志中有完整代码、制作过程。 

查看演示效果


 

功能:

实现了图片批量展示功能,JSON形式数据引用、区分大小图……

本身出于教学的目的进行制作开发,其中包含的关键设计思路有详细注释,更分步骤进行了日志记录:

  1. CSS+DIV+Javascript前端开发实例之《图片展示》(1)CSS+DIV界面搭建
    本篇内容实现了界面的构思、搭建,可进行CSS+DIV方面学习;另,其中引用了之前做的一个用JS模拟出阴影字的功能,也算一个小技巧。

  2. CSS+DIV+Javascript前端开发实例之《图片展示》(2)滚动条控制
    本篇主要进行了图片展示功能中,对小图片区滚动的控制思路方法,可进行滚动条控制方面的学习,若进行模拟滚动条控制功能也可应用其中涉及的JS程序。

  3. CSS+DIV+Javascript前端开发实例之《图片展示》(3)成品
    本篇中对主要展示功能进行了开发,并且整合了前两者中构思好的功能,实现了预计功能。

     
 版本最新特性
独创网页资源提取功能,图片、Flash、媒体文件随意提取
推出强大的收藏夹管理器,本地和网络收藏管理更方便
空白页新增快速链接,让最常访问网址一键直达
 关键词

·浏览快速

 多线程的架构,让每一个网页都在独立线程中运行,互不影响,速度更快。

·运行稳定

 优化的性能体验,更好的内存释放,更强的兼容性,运行更稳定。

作品评论(0):
称谓(必填):  网站(选填):