分享126个JS图片代码，总有一款适合您-阿里云开发者社区

分享126个JS图片代码，总有一款适合您

126个JS图片代码下载链接：https://pan.baidu.com/s/1tLDf9ukWCBOQU-Z2o7ofLA?pwd=3of5

提取码：3of5

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

jquery大图左右按钮点击切换

jquery橡皮擦工具图像擦除效果代码

jquery点击弹出大图切换代码

jQuery鼠标悬停图片放大效果

jquery图片旋转切换效果代码

jquery图片裁剪效果代码

jQuery鼠标悬停图片滑动切换

CSS3鼠标悬停图片放大效果

jquery旋转木马插件TikslusCarousel

base_url =  "https://sc.chinaz.com/" # 采集的网址
    save_path = "D:\\Freedom\\Sprider\\ChinaZ\\"
    sprider_count = 126# 采集数量
    sprider_start_count=222
    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=[]

jQuery轮播图插件simpleSlider

js仿YOKA七日重头戏图片切换

css3鼠标悬停图片边框会逐层展开

购物网站jQuery多图切换代码

jquery鼠标悬停图片翻转效果

jquery鼠标悬停图片标题滑动

jquery鼠标双击事件拖拽图片

jQuery产品图片缩放切换代码

图像擦除插件jQuery.eraser

jQuery移动光标改变图像

css鼠标悬停图片高亮效果

jquery鼠标经过图片抖动

3D图片切片滑块旋转动画

js进度条拖动倒影图片放大效果

jquery图片鼠标拖动效果代码

3D图片层叠旋转木马切换

3d鼠标拖动图片360°旋转动画效果

jQuery仿百度图片浏览效果

jQuery页面顶部折角图片撕开效果

3D图片上下翻牌切换效果

jquery触摸拖动选择图片插件wrangle

js实现图片放大和拖拽特效

jquery图片放大插件Lightbox2.6

jquery图片列表瀑布流布局代码

原生JS实现大图片按比例缩放

CSS3新浪微博模板商店图片抖动特效

jquery+css3实现瀑布流照片墙特效

选项卡和图片滚动结合jquery代码

Apple淡入淡出效果代码

jquery随机图片瀑布流无限加载

22款不同效果产品图片展示切换

jQuery 360度全景图插件

jQuery可以自由打乱拼图次序游戏

jQuery图片延迟加载插件Lazy Load

jQuery实现点击替换图片

JS鼠标悬停图片翻动展示效果

jquery.LoadImage图片预加载

jQuery鼠标放到图片上滑出提示文字

jQuery鼠标滑过图片向上弹出放大

jquery鼠标悬停放大显示图片信息

jquery全屏背景图片切换效果

jQuery横向跟随图片动画代码

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
       :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 = "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鼠标悬停自动替换大图

jQuery鼠标响应式手风琴特效

jQuery图片点击切换插件jCarousel

jQuery鼠标悬停LOGO高亮显示

带标签选项卡jQuery图片切换

HTML5实现CSS滤镜图片切换

jQuery产品图片展示切换特效

jQuery微博简约贴图缩放插件

JS图片循环放大

jQuery图片360度旋转插件spritespin

jquery茶壶360度图片旋转特效

js图片嵌套点击放大特效

jQuery带选项卡切换图片滚动

jQuery鼠标悬浮图片放大特效

jQuery动态圆圈运动背景特效

jQuery网站logo动态展示

JS实现单个图片选中美化框

jQuery图片展示插件Revealing

JS图片背景全屏代码

jQuery带左右箭头图片放大切换

jquery实现图片翻牌旋转特效

jquery鼠标悬浮高亮开关灯

jQuery多选项卡图片切换

jQuery鼠标滑过图片放大显示

jQuery交互式3D旋转插件

jQuery半透明过渡切换手风琴

图片弹出imgCentering插件

弹性拖动交互切换特效

MovingBoxes实现汽车图片展示

EasyZoom图片缩放jQuery插件

jQuery分割线拖拽照片前后对比

纯CSS图片流畅缩放显示详情

jQuery全页面横向定位滚屏

js简单图片轮播切换

jQuery动态图片定时切换

jQuery横向流动图片插件

jQuery图片tooltip提示

html5 canvas立体图片展示

jQuery自动跟随图片大小变化

jQuery鼠标滑过图片上下滑动

jQuery鼠标控制图片移动代码

jQuery图片抖动滑块切换

图片文字滚动插件jQuery Scrollbox

图片重叠点击互相切换

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 "zipt" == 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)

jQuery分屏显示图片跟描述

jQuery鼠标滑过图文切换

jQuery垂直传送带图片切换

jQuery流水线循环滚动

jQuery图像缩放工具插件Zoomer

jQuery全屏响应式图片滑块RSlider

prettyPhoto图片滚动展示

jQuery图标嵌入悬浮按钮

CSS3图片形状遮罩动画效果

jQuery水平滚动条图片切换

jQuery图片横向滚动

jQuery图片动态逐渐放大切换

汽车细节描述jQuery特效

jQuery黑白彩色图片切换

jQuery气泡变换图片切换

jQuery图片标注提示插件

jQuery自适应图片大小

jQuery响应式图片放大预览

jQuery连续滚动图片展示

jQuery全屏动态图片墙

jQuery滑动弹出层特效

jQuery图片淡出淡进自动切换

jQuery图文滑动切换

jQuery大小图滚动切换

jQuery曲线图片循环展示

jQuery鼠标移到图片悬浮提示

jQuery图片延迟加载插件

jQuery图片摇晃显示效果

jQuery响应式图片播放插件

jQuery跳动遮罩背景

jQuery九宫格全图滑动

最后送大家一首诗:

山高路远坑深,

大军纵横驰奔,

谁敢横刀立马？

惟有点赞加关注大军。

分享126个JS图片代码，总有一款适合您

热门文章

最新文章

相关课程

相关电子书

相关实验场景