分享78个JS相册代码，总有一款适合您-阿里云开发者社区

分享78个JS相册代码，总有一款适合您

78个JS相册代码下载链接：https://pan.baidu.com/s/1rV_Mk-AF-bCLgwIccvrmAQ?pwd=y4el

提取码：y4el

Python采集代码下载链接：https://wwgn.lanzoul.com/iKGwb0kye3wj

base_url =  "https://sc.chinaz.com/" # 采集的网址
    save_path = "D:\\Freedom\\Sprider\\ChinaZ\\"
    sprider_count = 88# 采集数量正在采集第12页的第27个资源，共15页资源 debug
    sprider_start_count=0
    word_content_list = []
    folder_name = ""
    page_end_number=0
    max_pager=40 #每页的数量
    haved_sprider_count =0  # 已经采集的数量
    page_count = 1  # 每个栏目开始业务content="text/html; charset=gb2312"
    filter_down_file=[]

Html5图片悬浮效果代码

html5图片悬浮效果代码，图像浮动代码，图片网格布局，网页中的图像会跟随鼠标移动产生上下左右浮动效果，适合图片产品展示用途。

JS 3D相册旋转木马网页特效

JS 3D相册旋转木马网页特效是一款炫酷的3D相册旋转木马网页特效。

jQuery带樱花相册旋转展示特效

jQuery带樱花相册旋转展示特效是一款带樱花下落效果的相册旋转展示动画特效。

CSS3游泳池规则说明图文相册

CSS3游泳池规则说明图文相册是一款使用div和css3制作网页版的游泳池规则说明图文介绍布局。

纯css3家具相册悬停展示列表

纯css3家具相册悬停展示列表是一款响应式家具图片相册展示，鼠标划过图片遮罩层和拍照线条动画特效。

CSS3个人相册封面悬停放大特效

CSS3个人相册封面悬停放大特效是一款个人相册图片悬停放大效果，个人相册封面卡片式布局特效。

倾斜图片相册幻灯片切换H5特效

倾斜图片相册幻灯片切换H5特效是一款基于html5+css3实现的创意图片倾斜网格布局，点击左右箭头按钮幻灯片切换特效。

CSS3创意网格图片相册布局代码

CSS3创意网格图片相册布局代码是一款实用创意的杂志图片相册布局，网格图片玻璃碎片ui布局特效。

JS点击书本相册翻页代码

JS点击书本相册翻页代码是一款基于vue.js制作的书本图片相册，点击3D翻页预览图片效果。

def sprider(self,title_name):
        """
       采集
       进度条 https://sc.chinaz.com/jiaoben/jindutiao.html
       在线客服 https://sc.chinaz.com/jiaoben/kefu.html
       幻灯片代码 https://sc.chinaz.com/jiaoben/huandengpian.html
       图片代码 https://sc.chinaz.com/jiaoben/tupiandaima.html
       相册代码 https://sc.chinaz.com/jiaoben/tupainxiangce.html
       :return:
       """
        if title_name == "幻灯片代码":
            self.first_column_name = "jiaoben"
            self.folder_name = "JS幻灯片代码"
            self.second_column_name = "huandengpian"
        elif title_name == "图片代码":
            self.first_column_name = "jiaoben"
            self.folder_name = "JS图片代码"
            self.second_column_name = "tupiandaima"
        elif title_name == "相册代码":
            self.first_column_name = "jiaoben"
            self.folder_name = "JS相册代码"
            self.second_column_name = "tupainxiangce"
        elif title_name == "进度条":
            self.first_column_name = "jiaoben"
            self.folder_name = "JS进度条"
            self.second_column_name = "jindutiao"
        elif title_name == "在线客服":
            self.first_column_name = "jiaoben"  # 一级目录
            self.folder_name = "JS特效在线客服"
            self.second_column_name = "kefu"
        BaseFrame().right("本次采集参数：sprider_count=" + str(self.sprider_count) + "")
        BaseFrame().right("本次采集参数：title_name="+title_name+"")
        BaseFrame().right("本次采集参数：second_column_name=" + self.second_column_name + "")
        # self.folder_name = "JS表单验证"
        self.sprider_category = title_name  # 一级目录self.folder_name
        second_folder_name = str(self.sprider_count) + "个" + self.folder_name #二级目录
        self.sprider_type =second_folder_name
        self.merchant=int(self.sprider_start_count) //int(self.max_pager)+1 #起始页码用于效率采集
        #原始路径+一级目录+二级目录
        self.file_path = self.save_path + os.sep + "JS" + os.sep + self.folder_name  + os.sep + second_folder_name
        self.save_path = self.save_path+ os.sep + "JS" + os.sep+self.folder_name +os.sep + second_folder_name+ os.sep + self.folder_name
        BaseFrame().debug("开始采集ChinaZJS"+self.folder_name+"源码...")
        sprider_url = (self.base_url + "/{1}/{0}.html".format(self.second_column_name,self.first_column_name))
        down_path="D:\\Freedom\\Sprider\\ChinaZ\\JS\\"+self.folder_name +"\\"+second_folder_name+"\\Temp\\"
        if os.path.exists(down_path) is True:
            shutil.rmtree(down_path)
        if os.path.exists(down_path) is False:
            os.makedirs(down_path)
        if os.path.exists(self.save_path ) is True:
            shutil.rmtree(self.save_path )
        if os.path.exists(self.save_path ) is False:
            os.makedirs(self.save_path )
        chrome_options = webdriver.ChromeOptions()
        diy_prefs ={'profile.default_content_settings.popups': 0,
                    'download.default_directory':'{0}'.format(down_path)}
        # 添加路径到selenium配置中
        chrome_options.add_experimental_option('prefs', diy_prefs)
        chrome_options.add_argument('--headless') #隐藏浏览器
        # 实例化chrome浏览器时，关联忽略证书错误
        driver = webdriver.Chrome(options=chrome_options)
        driver.set_window_size(1280, 800)  # 分辨率 1280*800
        # driver.get方法将定位在给定的URL的网页，get接受url可以是任何网址，此处以百度为例
        driver.get(sprider_url)
        # content = driver.page_source
        element_list = driver.find_elements(By.CLASS_NAME, "picblock")  # 列表页面 核心内容
        #element_list = div_elem.find_elements(By.CLASS_NAME, 'item')
        #print(element_list.get_attribute('innerHTML'))
        laster_pager_div = driver.find_element(By.CLASS_NAME, "fenye")
        laster_pager_a =laster_pager_div.find_elements(By.TAG_NAME, 'a')
        laster_pager_url = laster_pager_a[len(laster_pager_a) - 2]
        page_end_number = int(laster_pager_url.text)
        self.page_count=self.merchant
        while self.page_count <= int(page_end_number):  # 翻完停止
            try:
                if self.page_count == 1:
                    self.sprider_detail(driver,element_list,self.page_count,page_end_number,down_path)
                    pass
                else:
                    if self.haved_sprider_count == self.sprider_count:
                        BaseFrame().debug("采集到达数量采集停止...")
                        BaseFrame().debug("开始写文章...")
                        self.builder_word(self.folder_name, self.word_content_list)
                        BaseFrame().debug("文件编写完毕，请到对应的磁盘查看word文件和下载文件！")
                        break
                    #(self.base_url + "/sort/{0}/{1}/".format(url_index, self.page_count))
                    #http://soft.onlinedown.net/sort/177/2/
                    #https://sc.chinaz.com/tag_jiaoben/tupianqiehuan_2.html
                    next_url = self.base_url + "/{2}/{0}_{1}.html".format(self.second_column_name, self.page_count,self.first_column_name)
                    driver.get(next_url)
                    element_list = driver.find_elements(By.CLASS_NAME, "picblock")  # 列表页面 核心内容
                    self.sprider_detail( driver, element_list, self.page_count, page_end_number, down_path)
                    pass
                #print(self.page_count)
                self.page_count = self.page_count + 1  # 页码增加1
            except Exception as e:
                print("sprider()执行过程出现错误:" + str(e))
                sleep(1)

相册上下无缝滚动展示特效

jQuery旅游相册Tab切换代码

jQuery相册图片掀开切换代码

jQuery图片相册轮播切换代码

JS人体艺术网站图集相册特效

JS响应式3D照片墙展示特效

jQuery立体相册鼠标点击切换代码

支持全屏缩放下载功能lightbox插件

html5仿微信朋友圈相册图片放大代码

HTML5相册插件ma5gallery

jQuery带滑块拖动图片相册代码

9款CSS3鼠标悬停相册预览特效

jQuery全屏相册插件zoomVisualizer

jQuery自适应宽度跟高度相册代码

新闻网站jQuery图集相册代码

垂直缩略图切换jQuery相册

jQuery向下弹出遮罩图片相册代码

jQuery点击图片相册滑出放大展示

jquery+html5图片打开关闭动画特效

jquery触屏滑动选项卡切换代码

触屏拖动切换jQuery相册代码

jQuery下拉显示图片相册代码

基于ThreeJs的3D图片相册插件

jquery多功能响应式相册插件Strip

jQuery手风琴式相册图片特效

jQuery全屏相册代码下载

js图片相册弹出预览特效

JS带缩略图平滑滚动相册特效

jQuery带水平拖动条图片相册

jQuery多图轮播切换相册代码

jQuery功能强大的TN3相册代码

门户网站jQuery相册代码

jQuery水平切换相册代码

jquery点击斜切图片展开动画效果

中商情报网jquery相册代码

jQuery动态加载图片相册

jQuery+CSS3动画相册代码

自适应屏幕Swipebox相册代码

可自动播放暂停的jQuery相册

jQuery电影相册大图预览代码

import os
def void_file(dirPath):
    dirs = os.listdir(dirPath)  # 查找该层文件夹下所有的文件及文件夹，返回列表
    for file in dirs:
        file_full_name = dirPath + '/' + file
        file_ext = os.path.splitext(file_full_name)[-1]
        if file_ext is None  or file_ext=="":
            continue
        if "rar" == str(file_ext.split(".")[1]):
            os.remove(file_full_name)
        if "zip" == str(file_ext.split(".")[1]):
            os.remove(file_full_name)
        if "gz" == str(file_ext.split(".")[1]):
            os.remove(file_full_name)
        if "tgz" == str(file_ext.split(".")[1]):
            os.remove(file_full_name)
# 查找指定文件夹下所有相同名称的文件
def search_file(dirPath, fileName):
    dirs = os.listdir(dirPath)  # 查找该层文件夹下所有的文件及文件夹，返回列表
    for currentFile in dirs:  # 遍历列表
        absPath = dirPath + '/' + currentFile
        if os.path.isdir(absPath):  # 如果是目录则递归，继续查找该目录下的文件
            search_file(absPath, fileName)
        elif currentFile == fileName:
            print(absPath)  # 文件存在，则打印该文件的绝对路径
            os.remove(absPath)

分享78个JS相册代码，总有一款适合您

Html5图片悬浮效果代码

JS 3D相册旋转木马网页特效

jQuery带樱花相册旋转展示特效

CSS3游泳池规则说明图文相册

纯css3家具相册悬停展示列表

CSS3个人相册封面悬停放大特效

倾斜图片相册幻灯片切换H5特效

CSS3创意网格图片相册布局代码

JS点击书本相册翻页代码

相册上下无缝滚动展示特效

jQuery旅游相册Tab切换代码

jQuery相册图片掀开切换代码

jQuery图片相册轮播切换代码

JS人体艺术网站图集相册特效

JS响应式3D照片墙展示特效

jQuery立体相册鼠标点击切换代码

支持全屏缩放下载功能lightbox插件

html5仿微信朋友圈相册图片放大代码

HTML5相册插件ma5gallery

jQuery带滑块拖动图片相册代码

9款CSS3鼠标悬停相册预览特效

jQuery全屏相册插件zoomVisualizer

jQuery自适应宽度跟高度相册代码

新闻网站jQuery图集相册代码

垂直缩略图切换jQuery相册

jQuery向下弹出遮罩图片相册代码

jQuery点击图片相册滑出放大展示

jquery+html5图片打开关闭动画特效

jquery触屏滑动选项卡切换代码

触屏拖动切换jQuery相册代码

jQuery下拉显示图片相册代码

基于ThreeJs的3D图片相册插件

jquery多功能响应式相册插件Strip

jQuery手风琴式相册图片特效

jQuery全屏相册代码下载

js图片相册弹出预览特效

JS带缩略图平滑滚动相册特效

jQuery带水平拖动条图片相册

jQuery多图轮播切换相册代码

jQuery功能强大的TN3相册代码

门户网站jQuery相册代码

jQuery水平切换相册代码

jquery点击斜切图片展开动画效果

中商情报网jquery相册代码

jQuery动态加载图片相册

jQuery+CSS3动画相册代码

自适应屏幕Swipebox相册代码

可自动播放暂停的jQuery相册

jQuery电影相册大图预览代码

键盘按键控制的全屏相册

jQuery门户网站带缩略图相册

jQuery相册图片滤镜效果

jQuery轮播图插件IPresenter

HTML5 3D立体图片相册代码

js带缩略图多组图片相册切换

jquery点击图片弹出相册幻灯片代码

jquery带对话框提示图片相册

jquery电影相册图片预览

jQuery图片相册插件simpleGal

jQuery画廊插件least.js

178图库jQuery相册代码

jQuery相册专辑插件albumize

jQuery腾讯带滚动条相册特效

jQuery个性相框淡入淡出切换

带缩略图切换的jQuery相册特效

jQuery智能炫酷的翻页相册

js抖动美女相册图片放大展示

流畅3D立体图片相册特效

jQuery zoom相册弹出层插件

弹性图片相册分页切换展示

js 3D图片叠加旋转切换

jQuery网格视图图片画廊

jQ多种相册切换效果

jquery拼图相册展示

jquery椭圆形相册旋转

jquery斜对角相册

jQuery聚焦相册

jquery图片相册插件

热门文章