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

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

117个JS图片代码下载链接：https://pan.baidu.com/s/1iIFGOhPNjUIaStGeVpY1IA?pwd=qwfw

提取码：qwfw

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

jQuery iNav动画插件

jquery环形图片旋转

jQuery图片跟随鼠标移动

jQuery原始图片对比

jquery图片滑动排列

jquery hover图片滑动

css图片编号排序

jQuery图片滑动切换

CSS3图片全屏显示

css3立体相册突出效果

jQ缩放图片悬停效果

jQ场景局部放大效果

jQ图片Lightbox灯箱

jquery图片测量标尺

jQ悬浮滑动显示全图

import os
import shutil
import time
from time import sleep
from docx import Document
from docx.shared import Inches
from framework.base.BaseFrame import BaseFrame
from sprider.business.SeleniumTools import SeleniumTools
from sprider.business.SpriderTools import SpriderTools
from selenium import webdriver
from selenium.webdriver.common.by import By
from sprider.model.SpriderEntity import SpriderEntity
from sprider.access.SpriderAccess import SpriderAccess
title_name = "图片代码"
class ChinaZJsSelenium:
    base_url =  "https://sc.chinaz.com/" # 采集的网址
    save_path = "D:\\Freedom\\Sprider\\ChinaZ\\"
    sprider_count = 117# 采集数量正在采集第12页的第27个资源，共15页资源 debug
    sprider_start_count=348
    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=[]

jq+css3照片堆栈效果

jq+css3图片堆栈效果

js页面图片延迟加载

jquery全屏缩略图翻转

mootools自定义拼图

jq大图淡入淡出效果

jquery图片拖动查看

jquery鼠标滑过显示图片

jquery网格视图切换

jquery+css3曲线图

jq鼠标滚动视差效果

css3 3d信封翻转效果

jq视差滚动框架

css3全屏手风琴

jquery百度图片搜索效果

jq横向滑动排版效果

jquery油画缩略图

jquery图片移位效果

jquery地图标记提示

jq 3D旋转木马

css3唱片滑动效果

css3背景虚化效果

css3伸缩条形图

jq全屏背景幻灯片

js扩大预览图特效

jquery悬停栅格效果

jquery旋转风车效果

jquery滑动手风琴

Metro瀑布流布局效果

css3精致时钟效果

jquery图片滚动放大效果

jquery触摸转盘插件

hover显示图片介绍

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)

css3条纹边框效果

jquery动态头像效果

jquery带箭头滑动标签

jquery变焦放大效果

jquery图片滑动伸缩

jquery灯箱效果

jquery大小图切换特效

jquery智能弹窗提醒

jquery滑动UI选项卡

css3硬件加速滑块

js+css3实现3D骰子特效

jquery带下拉按钮幻灯片

jquery图片墙手风琴

js斜式画中画切换

js影视网站星级打分代码

css3实现Metro风格

jquery全宽图像滑块

jQuery UI iOS6移动主题

jquery圆形密集线条

jquery自定义滚动条

jquery带定位按钮幻灯片

jquery折纸变换效果

css3实现动画按钮

jquery手动自动图片切换

jquery多功能手风琴

jquery可爱3D卡通动画效果

jquery叠加切换幻灯片

jquery坐标图片框裁剪

css3图片浮雕效果

jquery圆形旋转特效

jquery虚拟桌面图片拖拽

jquery推开窗户3D特效

jquery放大缩小旋转插件

css3产品信息3D变换

jquery书架式图片展示特效

jquery元素跟随鼠标移动

jquery滑屏切换效果

jquery图片注释叠加效果

jquery图片突出排列显示

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 "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形象照片卷轴插件

js瀑布流图片加载提示

js公司组织架构图控件

jquery单张图片放大效果

css3图文列表过渡动画效果

简洁flash图片轮换广告代码

jquery三维立体图片展示

jquery大幅图片墙裁剪

jquery图片背景高亮闪烁

给图片加相框jquery特效

jquery链接URL截图预览

jquery广告牌翻转效果

jquery马赛克拼接翻转效果

jquery照片画廊过度效果

jquery实时缩略图加载显示

3D图书jquery展示插件

jquery头部logo背景喷墨效果

jquery图片自滚动瀑布流效果

jquery鼠标滑动图片移位

可拖动查看大图jquery特效

jquery隐藏到边缘图片展示

js垂直无接缝图片滚动

jquery图片滑动翻牌效果

jquery自适应分组缩略图

最后送大家一首诗:

山高路远坑深,

大军纵横驰奔,

谁敢横刀立马？

惟有点赞加关注大军。

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

热门文章

最新文章

相关课程

相关电子书

相关实验场景