分享118个JS图片代码,总有一款适合您

63 篇文章 1 订阅
文章分享了118个JavaScript图片代码,包括jQuery的各种图片展示、滑动、过渡、放大等特效,还提供了Python采集代码的下载链接。内容涵盖CSS3、jQuery的各种图片处理和动画效果,适用于网页开发和设计。
摘要由CSDN通过智能技术生成

分享118个JS图片代码,总有一款适合您

 

118个JS图片代码下载链接:https://pan.baidu.com/s/1Tr5jX-Lr8Ytzx1lV4zr8nA?pwd=ji78 
提取码:ji78

Python采集代码下载链接:采集代码.zip - 蓝奏云

jquery图片栅格替换效果
jquery抽屉式图片展示效果
jquery图片墙滑动展示
jquery图片播放器
js图片过渡效果
jquery图片边框阴影浮动
jquery网页视差滚动效果
css3图片高亮突出显示
jquery簇状柱形图表绘制
jQuery鼠标悬停显示大图特效
CSS3图片悬停放大动画

    base_url =  "https://sc.chinaz.com/" # 采集的网址
    save_path = "D:\\Freedom\\Sprider\\ChinaZ\\"
    sprider_count = 118# 采集数量正在采集第12页的第27个资源,共15页资源 debug
    sprider_start_count=460


    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过滤器图片浏览
jquery图片拖拽排序
jQuery+CSS3项目模糊效果
jquery马赛克图片翻转拼接
jquery图片,视频,地图播放弹出层特效
jquery照片专辑堆叠滑动特效
jQuery局部图片放大显示
css3图片过滤效果
jQuery图片缩放插件
jquery全页照片墙画廊
jQuery悬停图片变焦效果
jQuery可定制画廊插件
jquery图片放大带标题掉落
jquery带分页数字左右按钮
jquery照片拖动删除排序
jquery打钩打叉图标特效
jquery文字图片双滑动显示
jquery tips提示图片信息
jQuery点击图片上下滑动切换
jQuery带描述和小图的图片画廊
jQuery图片自动滑动门效果
可爱的复古风格jQuery UI Theme Retro
jQuery图片淡出淡入效果
基于jQuery的动态明信片特效
jQuery图片动态旋转插件
jQuery窗帘开关开场特效
jQuery图片卷轴效果
JS横向滚动带倒影照片展
jquery雷达信号探测器特效
jQuery全页图像预览画廊
jQuery图片分割显示内容
jQuery+CSS3缩略图邻近效应
CSS3实现伪对象立体按钮效果
jQuery+CSS3模拟WIN8卡片式UI
简单的jquery放大镜特效
jQuery滑动线条动态改变柱状图高度
jquery右侧悬浮在线客服代码
jQuery背景墙聚光灯效果
jQuery响应式动画片头效果
jquery文中图片放大显示特效
jQuery内容滑动效果jFlow插件
zoommap地图放大和交互jquery特效
jQuery商品图片放大镜特效
jquery视频影音图文列表展示特效
jQuery+CSS3模拟Mac OS界面
jquery月薪3D百分比柱状图效果
jQuery+CSS图片浮动层效果
jquery滑动显示和隐藏图片效果
jquery多个图标组成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
       :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文字和图片层叠切换特效
CSS3+jQuery横向手风琴折叠效果
jquery图片等比例缩放特效
CSS3图片导航效果
jquery+css3手风琴图片切换特效
jquery鼠标响应式显示全图
jquery剥开网站页面特效
jQuery LightBox图片浏览效果
jQuery Sequence滑动块效果
jquery css3查看原图按钮收缩隐藏
jquery html5图表动画圆形饼图
jquery+css3跑车开场动画特效
jquery功能强大的提示信息特效
jQuery旋转广告牌特效
jquery背景图片过渡特效
jQuery&CSS3手风琴特效
jquery多图层叠展示效果
基于jQuery+CSS3样本书特效
基于jQuery图片缩放tab切换效果
基于jQuery可爱T恤展开特效
基于jquery实现杂志翻页效果
jQuery&CSS3卡片翻转特效
基于jQuery照相亭特效
jQuery三重面板图像滑块
3D餐厅菜单折叠jQuery特效
国外jQuery动态瀑布流布局
基于jquery登录框特效
纸一样展开jQuery特效
屏幕放大镜jquery特效
基于jQuery的时钟特效
可对图片拍照的jQuery特效
基于jQuery的图片放大特效
基于jQuery相机快门特效
滑块画廊展示jQuery图片特效
基于jQuery页面翻转特效
带时间线的宽屏图片切换
宝丽来Photobar画廊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)


Elastislide横向图片浏览代码
整屏画廊图片显示jQuery代码
悬停或滑动jQuery图片特效
Lazyload图片延迟加载效果
全屏画廊与缩略图翻转jquery代码
jquery左右循环滚动图片代码
Lightbox图片展示效果
jQuery图片放大镜效果
jQuery图片排列动画效果
jQuery图片滑动特效集合
大背景图片jQuery导航栏
可左右翻页jQueryBanner效果
jQuery+css随意抓拍图片效果
苹果显示屏图片放大效果
jQuery+CSS3实现3D缩略图悬停效果
jQuery模拟CSS3图片放大效果对比
jQuery框架的PrettyPhoto图片特效
jQuery点击热图效果
jQuery带标题左右移动图片相册
 

最后送大家一首诗:

山高路远坑深,
大军纵横驰奔,
谁敢横刀立马?
惟有点赞加关注大军。
 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

亚丁号

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值