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

最新推荐文章于 2023-12-12 09:13:56 发布

亚丁号

最新推荐文章于 2023-12-12 09:13:56 发布

阅读量455

点赞数

分类专栏：源代码 JS 文章标签： jquery javascript ecmascript

本文链接：https://blog.csdn.net/zy0412326/article/details/128930887

版权

源代码同时被 2 个专栏收录

315 篇文章 57 订阅

订阅专栏

63 篇文章 1 订阅

订阅专栏

分享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九宫格全图滑动